Skip to content

Commit 2037c36

Browse files
- clean ripple effect;
- clean warning rule; - update solid background-activated var;
1 parent 1233b8c commit 2037c36

File tree

1 file changed

+1
-23
lines changed

1 file changed

+1
-23
lines changed

core/src/components/button/button.ionic.scss

Lines changed: 1 addition & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
// --------------------------------------------------
4444

4545
:host(.button-solid) {
46-
--background-activated: #{globals.ion-color(primary, shade)};
46+
--background-activated: #{globals.current-color(shade)};
4747
--background-hover: #{globals.ion-color(primary, shade)};
4848
--background-focused: transparent;
4949
--background-hover-opacity: 1;
@@ -69,16 +69,6 @@
6969
--ripple-color: var(--background-activated);
7070
}
7171

72-
// Provide fallbacks for ion-color-base for all colors
73-
:host(.button-outline.ion-color.ion-color-warning) {
74-
.button-native {
75-
--ion-color-base: #{globals.$ion-text-warning};
76-
}
77-
ion-ripple-effect {
78-
--ion-color-base: var(--ion-color-base, #{globals.current-color(shade, $subtle: true)});
79-
}
80-
}
81-
8272
// Clear Button
8373
// --------------------------------------------------
8474

@@ -98,18 +88,6 @@
9888
}
9989
}
10090

101-
// Ripple Effect
102-
// -------------------------------------------------------------------------------
103-
104-
:host(.button-solid.ion-color) ion-ripple-effect {
105-
color: globals.ion-color(primary, shade);
106-
}
107-
108-
:host(.button-outline.ion-color) ion-ripple-effect,
109-
:host(.button-clear.ion-color) ion-ripple-effect {
110-
color: globals.current-color(shade, $subtle: true);
111-
}
112-
11391
// Button Sizes
11492
// -------------------------------------------------------------------------------
11593

0 commit comments

Comments
 (0)