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
This commit is contained in:
Adam LaCombe
2018-08-02 17:38:33 -04:00
committed by Manu MA
parent e9fd184175
commit 69f5cc863f

View File

@ -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);
}
}