fix(menu): add width and small-width css variables (#14997)

* fix(menu): add width and small-width css variables * style(menu): rename css variable small-width to width-small
ionic-team · Aug 2, 2018 · 69f5cc8 · 69f5cc8
1 parent e9fd184
commit 69f5cc8
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/core/src/components/menu/menu.scss b/core/src/components/menu/menu.scss
@@ -4,6 +4,9 @@
 // --------------------------------------------------
 
 :host {
+  --width: #{$menu-width};
+  --width-small: #{$menu-small-width};
+
   @include position(0, 0, 0, 0);
 
   display: none;
@@ -27,7 +30,7 @@
   flex-direction: column;
   justify-content: space-between;
 
-  width: $menu-width;
+  width: var(--width);
   height: 100%;
 
   contain: strict;
@@ -78,7 +81,7 @@ ion-backdrop {
 @media (max-width: 340px) {
 
   .menu-inner {
-    width: $menu-small-width;
+    width: var(--width-small);
   }
 
 }