mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
@ -1,11 +1,10 @@
|
|||||||
@import "./menu-button";
|
@import "./menu-button";
|
||||||
@import "./menu-button.ios.vars";
|
|
||||||
|
|
||||||
// iOS Menu Button
|
// iOS Menu Button
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
--color: #{$menu-button-ios-color};
|
--color: #{ion-color(primary, base)};
|
||||||
}
|
}
|
||||||
|
|
||||||
:host(.activated) {
|
:host(.activated) {
|
||||||
|
@ -1,10 +0,0 @@
|
|||||||
@import "../../themes/ionic.globals.ios";
|
|
||||||
|
|
||||||
// iOS Menu Button
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
/// @prop - Z index of the Menu button
|
|
||||||
$menu-button-ios-button-z-index: $z-index-toolbar-buttons !default;
|
|
||||||
|
|
||||||
/// @prop - Text color of the Menu button
|
|
||||||
$menu-button-ios-color: ion-color(primary, base) !default;
|
|
@ -1,10 +1,10 @@
|
|||||||
@import "./menu-button";
|
@import "./menu-button";
|
||||||
@import "./menu-button.md.vars";
|
|
||||||
|
|
||||||
// MD Menu Button
|
// MD Menu Button
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
--color: #{$menu-button-md-color};
|
--color: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
@import "../../themes/ionic.globals.md";
|
|
||||||
|
|
||||||
// Material Design Menu Button
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
/// @prop - Text color of the Menu button
|
|
||||||
$menu-button-md-color: $toolbar-md-text-color !default;
|
|
@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
:host {
|
:host {
|
||||||
color: var(--color);
|
color: var(--color);
|
||||||
|
|
||||||
pointer-events: all;
|
pointer-events: all;
|
||||||
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -60,4 +60,4 @@ ion-icon {
|
|||||||
|
|
||||||
:host(.ion-color) .button-native {
|
:host(.ion-color) .button-native {
|
||||||
color: current-color(base);
|
color: current-color(base);
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user