diff options
author | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-25 09:21:52 +0200 |
---|---|---|
committer | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-25 09:21:52 +0200 |
commit | 8d66561db7fdfe15d79eebb2995b972bfe29214c (patch) | |
tree | e04d8caa77276860ce703474c8865c17b2f28841 | |
parent | Template: Fix wrong font preload (diff) | |
download | gopherproxy-8d66561db7fdfe15d79eebb2995b972bfe29214c.tar.gz gopherproxy-8d66561db7fdfe15d79eebb2995b972bfe29214c.tar.bz2 gopherproxy-8d66561db7fdfe15d79eebb2995b972bfe29214c.zip |
Revert to normal header borders
-rw-r--r-- | assets/style.css | 2 | ||||
-rw-r--r-- | css/main.scss | 50 |
2 files changed, 27 insertions, 25 deletions
diff --git a/assets/style.css b/assets/style.css index f25db43..20f6557 100644 --- a/assets/style.css +++ b/assets/style.css | |||
@@ -1 +1 @@ | |||
@font-face{font-family:'Iosevka Term SS03';font-style:normal;font-weight:normal;src:url("/iosevka-term-ss03-regular.woff2") format("woff2"),url("/iosevka-term-ss03-regular.woff") format("woff")}body{margin:0;padding:0;background-color:#14171a;color:#cad1d8;font-family:"Iosevka Term SS03","IBM Plex Mono","Fira Code","Fira Mono","Roboto Mono","Droid Sans Mono",Monaco,Consolas,Courier,monospace;font-size:1.0625em;line-height:1.5}h1,h2,h3,h4,h5,h6{font:inherit;color:#fff;margin:0}button{background:none;border:0;padding:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}button:focus{outline:1px dotted currentColor}img{display:inline-block;vertical-align:top;max-width:8em;margin:.1em 0}img::selection{background-color:rgba(239,198,138,0.35)}img.expanded{max-width:40em;max-width:80ch}img.faded{opacity:.5}strong{font-weight:normal}::selection{color:#000;background-color:rgba(239,198,138,0.996)}:link{color:#fff}:visited{color:#cad1d8}:link:hover,:visited:hover{color:#fff}.novisit{color:#fff}.header-base{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.header-base::after{display:block;width:100%;white-space:nowrap;overflow:hidden;color:#5d646a;content:'-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------'}.header{padding:.9em 1em 0;color:#929ba3}.location{color:#5d646a}.location__prefix{color:#5d646a}.location__prefix:hover{color:#fff}.location__uripart{color:#fff}.location__uripart+.location__slash+.location__uripart{color:#cad1d8}.location__uripart:link:hover,.location__uripart:visited:hover{color:#fff}.wrap{text-align:center}.content{display:inline-block;min-width:50em;min-width:85ch;margin:0;padding:2em 1em;text-align:left;font:inherit}.type-annotation{color:#929ba3}.modal{position:fixed;top:0;left:0;z-index:100;display:none;width:100%;height:100%;box-sizing:border-box;padding:2em;background-color:rgba(0,0,0,0.75)}.modal--visible{display:block}.modal__content{max-width:30em;padding:1.5em 1.8em;margin:0 auto;background-color:#14171a;box-shadow:0 .3em 2em #000;text-align:left}.modal__head{margin-bottom:1.5em}.modal__title{padding-right:1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.setting{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.setting__label{white-space:nowrap;overflow:hidden;margin-right:.5em}.setting__label::after{color:#5d646a;content:' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'}#none{position:fixed;top:0;left:0;width:0;height:0}@media screen and (max-width: 800px){.location__uripart ~ *{display:none}.modal{padding:1em}.modal__content{padding:1em 1.3em}} | @font-face{font-family:'Iosevka Term SS03';font-style:normal;font-weight:normal;src:url("/iosevka-term-ss03-regular.woff2") format("woff2"),url("/iosevka-term-ss03-regular.woff") format("woff")}body{margin:0;padding:0;background-color:#14171a;color:#cad1d8;font-family:"Iosevka Term SS03","IBM Plex Mono","Fira Code","Fira Mono","Roboto Mono","Droid Sans Mono",Monaco,Consolas,Courier,monospace;font-size:1.0625em;line-height:1.5}h1,h2,h3,h4,h5,h6{font:inherit;color:#fff;margin:0}button{background:none;border:0;padding:0;color:#fff;font:inherit;text-decoration:underline;cursor:pointer}button:focus{outline:1px dotted currentColor}img{display:inline-block;vertical-align:top;max-width:8em;margin:.1em 0}img::selection{background-color:rgba(239,198,138,0.35)}img.expanded{max-width:40em;max-width:80ch}img.faded{opacity:.5}strong{font-weight:normal}::selection{color:#000;background-color:rgba(239,198,138,0.996)}:link{color:#fff}:visited{color:#cad1d8}:link:hover,:visited:hover{color:#fff}.novisit{color:#fff}.header-base{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #353a3f}.header{padding:.9em 1em;color:#929ba3}.location{color:#5d646a}.location__prefix{color:#5d646a}.location__prefix:hover{color:#fff}.location__uripart{color:#fff}.location__uripart+.location__slash+.location__uripart{color:#cad1d8}.location__uripart:link:hover,.location__uripart:visited:hover{color:#fff}.wrap{text-align:center}.content{display:inline-block;min-width:50em;min-width:85ch;margin:0;padding:2em 1em;text-align:left;font:inherit}.type-annotation{color:#929ba3}.modal{position:fixed;top:0;left:0;z-index:100;display:none;width:100%;height:100%;box-sizing:border-box;padding:2em;background-color:rgba(0,0,0,0.75)}.modal--visible{display:block}.modal__content{max-width:30em;padding:1.5em 1.8em;margin:0 auto;background-color:#14171a;box-shadow:0 .3em 2em #000;text-align:left}.modal__head{padding-bottom:.75em;margin-bottom:1.5em}.modal__title{padding-right:1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:uppercase}.setting{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}.setting::after{order:2;flex:0 99999 auto;display:block;width:100%;height:0;margin:0 .5em;border-bottom:2px dotted #353a3f;content:''}.setting__label{order:1}.setting__value{order:3}#none{position:fixed;top:0;left:0;width:0;height:0}@media screen and (max-width: 800px){.location__uripart ~ *{display:none}.modal{padding:1em}.modal__content{padding:1em 1.3em}} | ||
diff --git a/css/main.scss b/css/main.scss index 5fcab11..2deb253 100644 --- a/css/main.scss +++ b/css/main.scss | |||
@@ -115,21 +115,13 @@ strong { | |||
115 | flex-flow: row wrap; | 115 | flex-flow: row wrap; |
116 | align-items: center; | 116 | align-items: center; |
117 | justify-content: space-between; | 117 | justify-content: space-between; |
118 | 118 | border-bottom: 1px solid $border; | |
119 | &::after { | ||
120 | display: block; | ||
121 | width: 100%; | ||
122 | white-space: nowrap; | ||
123 | overflow: hidden; | ||
124 | color: $text-faint; | ||
125 | content: '-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------'; | ||
126 | } | ||
127 | } | 119 | } |
128 | 120 | ||
129 | // | 121 | // |
130 | 122 | ||
131 | .header { | 123 | .header { |
132 | padding: .9em 1em 0; | 124 | padding: .9em 1em; |
133 | color: $text-minus; | 125 | color: $text-minus; |
134 | } | 126 | } |
135 | 127 | ||
@@ -212,14 +204,16 @@ strong { | |||
212 | } | 204 | } |
213 | 205 | ||
214 | &__head { | 206 | &__head { |
215 | margin-bottom: 1.5em; | 207 | padding-bottom: .75em; |
208 | margin-bottom: 1.5em; | ||
216 | } | 209 | } |
217 | 210 | ||
218 | &__title { | 211 | &__title { |
219 | padding-right: 1em; | 212 | padding-right: 1em; |
220 | white-space: nowrap; | 213 | white-space: nowrap; |
221 | text-overflow: ellipsis; | 214 | text-overflow: ellipsis; |
222 | overflow: hidden; | 215 | overflow: hidden; |
216 | text-transform: uppercase; | ||
223 | } | 217 | } |
224 | } | 218 | } |
225 | 219 | ||
@@ -228,18 +222,26 @@ strong { | |||
228 | .setting { | 222 | .setting { |
229 | display: flex; | 223 | display: flex; |
230 | flex-direction: row; | 224 | flex-direction: row; |
231 | align-items: center; | 225 | align-items: baseline; |
232 | justify-content: space-between; | 226 | justify-content: space-between; |
233 | 227 | ||
228 | &::after { | ||
229 | order: 2; | ||
230 | flex: 0 99999 auto; | ||
231 | display: block; | ||
232 | width: 100%; | ||
233 | height: 0; | ||
234 | margin: 0 .5em; | ||
235 | border-bottom: 2px dotted $border; | ||
236 | content: ''; | ||
237 | } | ||
238 | |||
234 | &__label { | 239 | &__label { |
235 | white-space: nowrap; | 240 | order: 1; |
236 | overflow: hidden; | 241 | } |
237 | margin-right: .5em; | 242 | |
238 | 243 | &__value { | |
239 | &::after { | 244 | order: 3; |
240 | color: $text-faint; | ||
241 | content: ' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'; | ||
242 | } | ||
243 | } | 245 | } |
244 | } | 246 | } |
245 | 247 | ||