fixed scroll when menu is open

mate-academy · Mar 22, 2024 · b82a80d · b82a80d
1 parent 75e6bde
commit b82a80d
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/css/main.css b/css/main.css
@@ -728,7 +728,7 @@ html {
   scroll-behavior: smooth;
   cursor: url(/src/images/cursor-28px-reverse.png), auto;
 }
-html:has(.mobile-menu:target) {
+html:has(.mobile-menu.active) {
   overflow: hidden;
 }
 

diff --git a/css/main.css.map b/css/main.css.map
diff --git a/src/styles/elements/_mobile-menu.scss b/src/styles/elements/_mobile-menu.scss
@@ -20,5 +20,6 @@
     opacity: 1;
     transform: translateX(25%);
     pointer-events: all;
+
   }
 }
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -3,20 +3,19 @@
 @import './elements/index';
 @import './sections/index';
 
-
-html{
+html {
   font-family: Inter, sans-serif;
   font-size: 16px;
   line-height: 24px;
   color: $black;
   scroll-behavior: smooth;
   cursor: url(/src/images/cursor-28px-reverse.png), auto;
 
-  &:has(.mobile-menu:target) {
+  &:has(.mobile-menu.active) {
     overflow: hidden;
   }
 }
 
 body {
-  background-color: $light-pink
+  background-color: $light-pink;
 }