fix media queries temporarily

2020-07-17 09:13:46 +02:00
parent 73865eb209
commit ed2a4241b8
16 changed files with 121 additions and 95 deletions
--- a/src/components/Branding/branding.scss
+++ b/src/components/Branding/branding.scss
@@ -1,3 +1,5 @@
+@import '../../styles/sccs-vars.scss';
+
 .branding {
  margin: 40px 0;
  display: flex;
@@ -27,7 +29,7 @@
    opacity: 0;
  }

-  @media (--until-sm) {
+  @media (max-width: $until-sm) {
    &--footer {
      display: block;
      text-align: center;
@@ -38,7 +40,7 @@
    }
  }

-  @media (--until-xl) {
+  @media (max-width: $until-xl) {
    margin: 15px 0 0;
  }
 }