mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00

- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
40 lines
624 B
SCSS
40 lines
624 B
SCSS
@import "./menu-button";
|
|
@import "./menu-button.ios.vars";
|
|
|
|
// iOS Menu Button
|
|
// --------------------------------------------------
|
|
|
|
.menu-button-inner {
|
|
@include padding(0);
|
|
@include margin(2px, 0, 0, 0);
|
|
|
|
z-index: $menu-button-ios-button-z-index;
|
|
overflow: visible;
|
|
|
|
min-height: 32px;
|
|
|
|
border: 0;
|
|
font-size: 17px;
|
|
line-height: 1;
|
|
|
|
color: $menu-button-ios-color;
|
|
background-color: transparent;
|
|
|
|
transform: translateZ(0);
|
|
|
|
&.activated {
|
|
opacity: .4;
|
|
}
|
|
}
|
|
|
|
ion-icon {
|
|
@include padding(0);
|
|
@include margin(0, -3px, 0, 0);
|
|
|
|
display: inherit;
|
|
|
|
font-size: 1.75em;
|
|
|
|
pointer-events: none;
|
|
}
|