Viewer: Fix responsive and positioning

2020-04-08 19:31:24 +02:00
parent 240c92c6f6
commit e0abb558d8
6 changed files with 136 additions and 102 deletions
--- a/src/style/_base.scss
+++ b/src/style/_base.scss
@@ -170,11 +170,18 @@ button {
 ========================================================================== */
 .style-location {
    font-family: $font-serif;
-    font-size: rem(24px);
+    font-size: 6vw;
    color: #fff;
    line-height: 1.15;
    text-align: center;

+    @include breakpoint (m) {
+        font-size: rem(24px);
+    }
+    @include breakpoint (sm) {
+        font-size: rem(28px);
+    }
+
    a {
        color: #fff;
        text-decoration: none;
@@ -184,9 +191,6 @@ button {
        }
    }

-    @include breakpoint (sm) {
-        font-size: rem(28px);
-    }

    .street {
        margin-bottom: 8px;