mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
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:
@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user