Edit responsive on Browse/Locations page

2021-10-05 15:23:23 +02:00
parent 7f5c74086f
commit 04188ab7be
7 changed files with 53 additions and 15 deletions
--- a/src/style/atoms/_site-title.scss
+++ b/src/style/atoms/_site-title.scss
@@ -50,4 +50,37 @@
            font-size: rem(32px);
        }
    }
+
+    // Inline Variant
+    &--inline {
+        display: block;
+        align-items: baseline;
+        color: $color-lightpurple;
+        justify-content: center;
+
+        @include bp (sm) {
+            display: flex;
+        }
+
+        strong {
+            color: $color-secondary !important;
+            font-size: rem(64px);
+
+            @include bp (sm) {
+                font-size: rem(96px);
+            }
+        }
+
+        span {
+            display: block;
+            top: 0;
+            margin: 8px 0 6px;
+            font-size: rem(20px);
+
+            @include bp (sm) {
+                font-size: rem(32px);
+                margin: 0 16px 0 20px;
+            }
+        }
+    }
 }