update: Main header responsive: start

2020-05-19 09:07:18 +02:00
parent 5e33021818
commit 85f7dfcb62
1 changed files with 7 additions and 1 deletions
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@ -11,6 +11,10 @@

  &.is-spaced {
    padding: 0 2.5rem;
+
+    @include breakpoint(sm) {
+      padding: 0 0.6rem;
+    }
  }

  .logo {
@ -113,7 +117,9 @@ sib-notifications {
        width: 4.8rem;

        @include breakpoint(sm) {
+          height: 3.3rem;
          margin-right: 0;
+          width: 3.3rem;
        }
      }
      
@ -211,7 +217,7 @@ sib-notifications {
  @include breakpoint(sm) {
    display: block;
    padding-left: 0;
-    font-size: 26px;
+    font-size: 24px;
  }
 }