Add responsive on Homepage elements

2021-10-01 23:43:00 +02:00
parent f1ddc05d17
commit 57a12487a3
7 changed files with 169 additions and 56 deletions
--- a/src/style/_typography.scss
+++ b/src/style/_typography.scss
@@ -34,10 +34,15 @@
    line-height: 1.5;
 }
 .text-medium {
-    font-size: rem(28px);
+    font-size: rem(20px);
    font-family: $font-sans;
    font-weight: 300;
-    line-height: 1.5;
+    line-height: 1.4;
+
+    @include bp (sm) {
+        font-size: rem(28px);
+        line-height: 1.5;
+    }
 }
 .text-small {
    font-size: rem(22px);
@@ -47,7 +52,7 @@

 .text-label {
    font-size: rem(12px);
-    line-height: 1.5;
+    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
 }