diff options
| author | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-26 20:23:29 +0200 |
|---|---|---|
| committer | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-26 20:23:29 +0200 |
| commit | 3f799ca13a894b7e0b716bc43b3174b2f9f35ee4 (patch) | |
| tree | 14006f9ddfc2ba98a2049bf7bfd8c25ffd6ad603 /css | |
| parent | New feature: Clickable links in plain text (opt) (diff) | |
| download | gopherproxy-3f799ca13a894b7e0b716bc43b3174b2f9f35ee4.tar.gz gopherproxy-3f799ca13a894b7e0b716bc43b3174b2f9f35ee4.tar.bz2 gopherproxy-3f799ca13a894b7e0b716bc43b3174b2f9f35ee4.zip | |
Improved mobile layout
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.scss | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/css/main.scss b/css/main.scss index 90bc685..a33573e 100644 --- a/css/main.scss +++ b/css/main.scss | |||
| @@ -140,8 +140,14 @@ strong { | |||
| 140 | margin-right: .3em; | 140 | margin-right: .3em; |
| 141 | color: $text-faint; | 141 | color: $text-faint; |
| 142 | 142 | ||
| 143 | &:hover { | 143 | @media (hover: hover) { |
| 144 | color: $text-plus; | 144 | &:hover { |
| 145 | color: $text-plus; | ||
| 146 | } | ||
| 147 | } | ||
| 148 | |||
| 149 | &--mobile { | ||
| 150 | display: none; | ||
| 145 | } | 151 | } |
| 146 | } | 152 | } |
| 147 | 153 | ||
| @@ -319,6 +325,10 @@ strong { | |||
| 319 | @media screen and (max-width: 500px) { | 325 | @media screen and (max-width: 500px) { |
| 320 | .location__prefix { | 326 | .location__prefix { |
| 321 | display: none; | 327 | display: none; |
| 328 | |||
| 329 | &--mobile { | ||
| 330 | display: inline; | ||
| 331 | } | ||
| 322 | } | 332 | } |
| 323 | 333 | ||
| 324 | .action { | 334 | .action { |
| @@ -331,3 +341,9 @@ strong { | |||
| 331 | } | 341 | } |
| 332 | } | 342 | } |
| 333 | } | 343 | } |
| 344 | |||
| 345 | @media screen and (max-width: 280px) { | ||
| 346 | .location__prefix--mobile { | ||
| 347 | display: none; | ||
| 348 | } | ||
| 349 | } | ||