javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 23:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
* 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
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
core/src/components/menu/menu.scss
View File

@ -4,6 +4,9 @@
// -------------------------------------------------- // --------------------------------------------------
:host { :host {
--width: #{$menu-width};
--width-small: #{$menu-small-width};
@include position(0, 0, 0, 0); @include position(0, 0, 0, 0);
display: none; display: none;
@ -27,7 +30,7 @@
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
width: $menu-width; width: var(--width);
height: 100%; height: 100%;
contain: strict; contain: strict;
@ -78,7 +81,7 @@ ion-backdrop {
@media (max-width: 340px) { @media (max-width: 340px) {
.menu-inner { .menu-inner {
width: $menu-small-width; width: var(--width-small);
} }
} }