Update breakpoints / test

Cyber-Duck · Aug 18, 2022 · beb29da · beb29da
1 parent d0d76e0
commit beb29da
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 11 deletions.
diff --git a/css/style.css b/css/style.css
diff --git a/package-lock.json b/package-lock.json
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
@@ -19,22 +19,22 @@
 // */
 @mixin respond($bp) {
     @if $bp == 'sm' {
-        @media (max-width: global.$bp-m) {
+        @media (max-width: global.$bp-s) {
             @content;
         }
     }
     @else if $bp == 'md' {
-        @media (min-width: global.$bp-m) and (max-width: (global.$bp-l - 1)) {
+        @media (min-width: global.$bp-s) and (max-width: (global.$bp-m - 1)) {
             @content;
         }
     }
     @else if $bp == 'md-up' {
-        @media (min-width: global.$bp-m) {
+        @media (min-width: global.$bp-s) {
             @content;
         }
     }
     @else if $bp == 'md-dn' {
-        @media (max-width: (global.$bp-l - 1)) {
+        @media (max-width: (global.$bp-m - 1)) {
             @content;
         }
     }

diff --git a/scss/variables/_global.scss b/scss/variables/_global.scss
@@ -15,5 +15,5 @@ $fonts:                         '../fonts/';
 // Breakpoints
 $bp-xl:                         1480px;
 $bp-l:                          1180px;
-$bp-m:                          720px;
-$bp-s:                          120px;
+$bp-m:                          980px;
+$bp-s:                          640px;