mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-05 21:58:20 +08:00
- clean ripple effect;
- clean warning rule; - update solid background-activated var;
This commit is contained in:
@ -43,7 +43,7 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
:host(.button-solid) {
|
:host(.button-solid) {
|
||||||
--background-activated: #{globals.ion-color(primary, shade)};
|
--background-activated: #{globals.current-color(shade)};
|
||||||
--background-hover: #{globals.ion-color(primary, shade)};
|
--background-hover: #{globals.ion-color(primary, shade)};
|
||||||
--background-focused: transparent;
|
--background-focused: transparent;
|
||||||
--background-hover-opacity: 1;
|
--background-hover-opacity: 1;
|
||||||
@ -69,16 +69,6 @@
|
|||||||
--ripple-color: var(--background-activated);
|
--ripple-color: var(--background-activated);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Provide fallbacks for ion-color-base for all colors
|
|
||||||
:host(.button-outline.ion-color.ion-color-warning) {
|
|
||||||
.button-native {
|
|
||||||
--ion-color-base: #{globals.$ion-text-warning};
|
|
||||||
}
|
|
||||||
ion-ripple-effect {
|
|
||||||
--ion-color-base: var(--ion-color-base, #{globals.current-color(shade, $subtle: true)});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Clear Button
|
// Clear Button
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
@ -98,18 +88,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ripple Effect
|
|
||||||
// -------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
:host(.button-solid.ion-color) ion-ripple-effect {
|
|
||||||
color: globals.ion-color(primary, shade);
|
|
||||||
}
|
|
||||||
|
|
||||||
:host(.button-outline.ion-color) ion-ripple-effect,
|
|
||||||
:host(.button-clear.ion-color) ion-ripple-effect {
|
|
||||||
color: globals.current-color(shade, $subtle: true);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Button Sizes
|
// Button Sizes
|
||||||
// -------------------------------------------------------------------------------
|
// -------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user