make media query ranges inclusive of lower number

t-blackwell · Mar 4, 2024 · 7590099 · 7590099
1 parent 018cc22
commit 7590099
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Clue/Clue.scss b/src/components/Clue/Clue.scss
@@ -36,7 +36,7 @@
 }
 
 /** Breakpoints **/
-@media (vars.$breakpoint-sm < width <= vars.$breakpoint-md) {
+@media (vars.$breakpoint-sm <= width <= vars.$breakpoint-md) {
   .Clue {
     scroll-margin-top: vars.$grid-size * 2.3;
   }

diff --git a/src/components/Clues/Clues.scss b/src/components/Clues/Clues.scss
@@ -33,7 +33,7 @@
   }
 }
 
-@media (vars.$breakpoint-sm < width <= vars.$breakpoint-md) {
+@media (vars.$breakpoint-sm <= width <= vars.$breakpoint-md) {
   .Clues {
     flex-direction: column;
     overflow-y: auto;
@@ -54,7 +54,7 @@
 }
 
 
-@media (vars.$breakpoint-xs < width <= vars.$breakpoint-sm) {
+@media (vars.$breakpoint-xs <= width <= vars.$breakpoint-sm) {
   .Clues {
     margin-top: vars.$grid-size;
   }

diff --git a/src/components/Crossword/Crossword.scss b/src/components/Crossword/Crossword.scss
@@ -16,7 +16,7 @@
   }
 }
 
-@media (vars.$breakpoint-xs < width <= vars.$breakpoint-sm) {
+@media (vars.$breakpoint-xs <= width <= vars.$breakpoint-sm) {
   .Crossword {
     flex-direction: column;
   }

diff --git a/src/components/Grid/Grid.scss b/src/components/Grid/Grid.scss
@@ -35,7 +35,7 @@
   }
 }
 
-@media (vars.$breakpoint-xs < width <= vars.$breakpoint-sm) {
+@media (vars.$breakpoint-xs <= width <= vars.$breakpoint-sm) {
   .Grid {
     scroll-margin-top: vars.$grid-size * 5;
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -35,7 +35,7 @@ @@
       }
     }
-    @media (vars.$breakpoint-xs < width <= vars.$breakpoint-sm) {
+    @media (vars.$breakpoint-xs <= width <= vars.$breakpoint-sm) {
       .Grid {
         scroll-margin-top: vars.$grid-size * 5;
       }
@@ Expand Down @@