fix(button): update solid buttons to use tint and shade colors (#18537)

This commit is contained in:
Brandy Carney
2019-06-21 11:31:41 -04:00
committed by GitHub
parent 1e014f0b14
commit 26ecf2b10f
3 changed files with 4 additions and 4 deletions

View File

@ -124,7 +124,7 @@
@media (any-hover: hover) {
:host(.button-solid.ion-color:hover) .button-native {
background: #{current-color(base, .92)};
background: #{current-color(tint)};
}
:host(.button-clear.ion-color:hover) .button-native,

View File

@ -79,7 +79,7 @@
:host(.button-solid) {
--background: #{ion-color(primary, base)};
--background-focused: #{ion-color(primary, shade)};
--background-hover: #{ion-color(primary, base, 0.92)};
--background-hover: #{ion-color(primary, tint)};
--color: #{ion-color(primary, contrast)};
--color-activated: #{ion-color(primary, contrast)};
--color-focused: #{ion-color(primary, contrast)};

View File

@ -38,8 +38,8 @@
:host-context(.ion-color)::slotted(*) .button-solid {
--background: #{current-color(contrast)};
--background-activated: #{current-color(contrast)};
--background-focused: #{current-color(contrast, .9)};
--background-hover: #{current-color(contrast, .92)};
--background-focused: #{current-color(shade)};
--background-hover: #{current-color(tint)};
--color: #{current-color(base)};
--color-focused: #{current-color(base)};
--color-hover: #{current-color(base)};