From 69f5cc863ff0237a17c859fb2a57b5393954210b Mon Sep 17 00:00:00 2001
From: Adam LaCombe <adamlacombe@users.noreply.github.com>
Date: Thu, 2 Aug 2018 17:38:33 -0400
Subject: [PATCH] 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
---
 core/src/components/menu/menu.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/core/src/components/menu/menu.scss b/core/src/components/menu/menu.scss
index 232937d6dd..75bb99bacb 100644
--- 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);
   }
 
 }