From 3f799ca13a894b7e0b716bc43b3174b2f9f35ee4 Mon Sep 17 00:00:00 2001
From: Feuerfuchs <git@feuerfuchs.dev>
Date: Wed, 26 Jun 2019 20:23:29 +0200
Subject: Improved mobile layout

---
 css/main.scss | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

(limited to 'css')

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 {
         margin-right: .3em;
         color:        $text-faint;
 
-        &:hover {
-            color: $text-plus;
+        @media (hover: hover) {
+            &:hover {
+                color: $text-plus;
+            }
+        }
+
+        &--mobile {
+            display: none;
         }
     }
 
@@ -319,6 +325,10 @@ strong {
 @media screen and (max-width: 500px) {
     .location__prefix {
         display: none;
+
+        &--mobile {
+            display: inline;
+        }
     }
 
     .action {
@@ -331,3 +341,9 @@ strong {
         }
     }
 }
+
+@media screen and (max-width: 280px) {
+    .location__prefix--mobile {
+        display: none;
+    }
+}
-- 
cgit v1.2.3-70-g09d2