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/QuadrantGrid/quadrant-grid.scss
+++ b/src/components/QuadrantGrid/quadrant-grid.scss
@@ -1,3 +1,5 @@
+@import '../../styles/sccs-vars.scss';
+
 .quadrant-grid {
  display: flex;
  flex-wrap: wrap;
@@ -6,8 +8,9 @@
  &__quadrant {
    flex: 0 0 45%;
    margin-bottom: 40px;
-    @media (--until-lg) {
+
+    @media (max-width: $until-lg) {
      flex-basis: 100%;
    }
  }
-}
+}