feat: update Menu styles to apply color variations for menu content

nicosammito · nicosammito · commit 1b3c70895da9 · 2025-12-01T22:07:16.000+01:00
diff --git a/src/components/menu/Menu.style.scss b/src/components/menu/Menu.style.scss
@@ -11,7 +11,6 @@
     z-index: 999;
 
     & {
-      @include box.box(variables.$primary);
       @include helpers.borderRadius();
     }
   }
@@ -62,4 +61,10 @@
     height: 1px;
     background-color: rgba(white, .1);
   }
+}
+
+@each $name, $color in variables.$colors {
+    .menu__content--#{$name}, .menu__sub-content--#{$name} {
+        @include box.box($color);
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,6 @@`
`11`	`11`	`z-index: 999;`
`12`	`12`
`13`	`13`	`& {`
`14`		`- @include box.box(variables.$primary);`
`15`	`14`	`@include helpers.borderRadius();`
`16`	`15`	`}`
`17`	`16`	`}`
`@@ -62,4 +61,10 @@`
`62`	`61`	`height: 1px;`
`63`	`62`	`background-color: rgba(white, .1);`
`64`	`63`	`}`
	`64`	`+}`
	`65`	`+`
	`66`	`+@each $name, $color in variables.$colors {`
	`67`	`+ .menu__content--#{$name}, .menu__sub-content--#{$name} {`
	`68`	`+ @include box.box($color);`
	`69`	`+ }`
`65`	`70`	`}`