fix media queires

xmmedia · Dec 3, 2024 · 6efb4a4 · 6efb4a4
1 parent 65a2d18
commit 6efb4a4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/public/css/common/_media.scss b/public/css/common/_media.scss
@@ -1,3 +1,5 @@
+@use "sass:map";
+
 $mqs: ();
 @mixin mq($breakpoint) {
     @if map-has-key($mqs, $breakpoint) {

diff --git a/public/css/user/_header.scss b/public/css/user/_header.scss
@@ -32,7 +32,7 @@ $header-menu-items: (
 @each $name, $mq-width in $header-menu-items {
     .header-nav_item-#{$name} {
         @apply hidden;
-        @include mq($mq-width * 1px) {
+        @include media.mq($mq-width * 1px) {
             @apply block;
         }
     }
@@ -46,7 +46,7 @@ $header-menu-items: (
 }
 
 // this should match the largest menu item mq size
-@include mq(640px) {
+@include media.mq(640px) {
     .header-nav_item-toggle {
         @apply hidden;
     }