Files
Brandy Carney a7f1f4daa7 refactor(components): update to use shadow DOM and work with css variables
- 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>
2018-07-09 12:57:21 -04:00

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