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 /css | |
| parent | Template: Fix wrong font preload (diff) | |
| download | gopherproxy-8d66561db7fdfe15d79eebb2995b972bfe29214c.tar.gz gopherproxy-8d66561db7fdfe15d79eebb2995b972bfe29214c.tar.bz2 gopherproxy-8d66561db7fdfe15d79eebb2995b972bfe29214c.zip | |
Revert to normal header borders
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.scss | 50 |
1 files changed, 26 insertions, 24 deletions
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 | ||