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

- improvements based on review feedback;

Browse Source
This commit is contained in:
João Ferreira
2025-11-05 10:36:03 +00:00
parent b9663bf4a0
commit 5f29b33e6b
1 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -43,8 +43,8 @@
// -------------------------------------------------- // --------------------------------------------------
:host(.button-solid) { :host(.button-solid) {
--background-activated: #{globals.$ion-bg-primary-base-press}; --background-activated: #{globals.ion-color(primary, shade)};
--background-hover: #{globals.$ion-bg-primary-base-press}; --background-hover: #{globals.ion-color(primary, shade)};
--background-focused: transparent; --background-focused: transparent;
--background-hover-opacity: 1; --background-hover-opacity: 1;
--background: #{globals.ion-color(primary, base)}; --background: #{globals.ion-color(primary, base)};
@ -85,17 +85,17 @@
// Warning Outline Button - use foreground color for text and border // Warning Outline Button - use foreground color for text and border
:host(.button-outline.ion-color-warning) .button-native { :host(.button-outline.ion-color-warning) .button-native {
--color: #{globals.ion-color(warning, foreground)}; color: #{globals.current-color(foreground)};
--border-color: #{globals.ion-color(warning, foreground)}; border-color: #{globals.current-color(foreground)};
} }
// Clear Button // Clear Button
// -------------------------------------------------- // --------------------------------------------------
:host(.button-clear) { :host(.button-clear) {
--background-activated: #{globals.current-color(shade, $subtle: true)}; --background-activated: #{globals.ion-color(primary, shade, $subtle: true)};
--background-focused: transparent; --background-focused: transparent;
--background-hover: #{globals.current-color(shade, $subtle: true)}; --background-hover: #{globals.ion-color(primary, shade, $subtle: true)};
--background-hover-opacity: 1; --background-hover-opacity: 1;
--color: #{globals.ion-color(primary, foreground)}; --color: #{globals.ion-color(primary, foreground)};
--ripple-opacity: var(--background-activated-opacity, 1); --ripple-opacity: var(--background-activated-opacity, 1);
@ -105,10 +105,6 @@
:host(.button-clear.ion-color) { :host(.button-clear.ion-color) {
--background-activated: #{globals.current-color(shade, $subtle: true)}; --background-activated: #{globals.current-color(shade, $subtle: true)};
--background-hover: #{globals.current-color(shade, $subtle: true)}; --background-hover: #{globals.current-color(shade, $subtle: true)};
.button-native {
--ion-color-base: #{globals.current-color(foreground)};
}
} }
// Button Sizes // Button Sizes