javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-02 10:47:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

- clean ripple effect;

Browse Source 
- clean warning rule;
- update solid background-activated var;
This commit is contained in:
João Ferreira
2025-10-31 17:31:57 +00:00
parent 1233b8c20c
commit 2037c36db1
1 changed files with 1 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
core/src/components/button/button.ionic.scss
View File

@ -43,7 +43,7 @@
// --------------------------------------------------
:host(.button-solid) {
--background-activated: #{globals.ion-color(primary, shade)};
--background-activated: #{globals.current-color(shade)};
--background-hover: #{globals.ion-color(primary, shade)};
--background-focused: transparent;
--background-hover-opacity: 1;
@ -69,16 +69,6 @@
--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
// --------------------------------------------------
@ -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
// -------------------------------------------------------------------------------