mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
fix(toast): allow button-color CSS variable to be overridden (#18133)
fixes #18127
This commit is contained in:
committed by
Brandy Carney
parent
38ffb98421
commit
0c83fd3f1a
@ -69,7 +69,6 @@
|
||||
border: 0;
|
||||
|
||||
background-color: $toast-ios-button-background-color;
|
||||
color: $toast-ios-button-text-color;
|
||||
|
||||
font-family: var(--ion-font-family);
|
||||
font-size: $toast-ios-button-font-size;
|
||||
|
||||
@ -40,7 +40,7 @@ $toast-ios-content-padding-bottom: $toast-ios-content-padding-top
|
||||
$toast-ios-content-padding-start: $toast-ios-content-padding-end !default;
|
||||
|
||||
/// @prop - Color of the toast button
|
||||
$toast-ios-button-color: $text-color-step-400 !default;
|
||||
$toast-ios-button-color: #{ion-color(primary, base)} !default;
|
||||
|
||||
/// @prop - Filter of the translucent toast
|
||||
$toast-ios-translucent-filter: saturate(180%) blur(20px) !default;
|
||||
@ -66,9 +66,6 @@ $toast-ios-button-font-size: 17px !default;
|
||||
/// @prop - Font size of the toast button
|
||||
$toast-ios-button-font-weight: 500 !default;
|
||||
|
||||
/// @prop - Color of the text in the toast button
|
||||
$toast-ios-button-text-color: ion-color(primary, base) !default;
|
||||
|
||||
/// @prop - Background color alpha of the toast activated button
|
||||
$toast-ios-button-opacity-activated: .4 !default;
|
||||
|
||||
|
||||
@ -64,7 +64,6 @@
|
||||
position: relative;
|
||||
|
||||
background-color: $toast-md-button-background-color;
|
||||
color: $toast-md-button-text-color;
|
||||
|
||||
font-family: var(--ion-font-family);
|
||||
font-size: $toast-md-button-font-size;
|
||||
|
||||
@ -63,9 +63,6 @@ $toast-md-button-font-weight: 500 !default;
|
||||
/// @prop - Letter spacing of the toast button
|
||||
$toast-md-button-letter-spacing: 0.84px !default;
|
||||
|
||||
/// @prop - Text color of the toast button
|
||||
$toast-md-button-text-color: ion-color(primary, base) !default;
|
||||
|
||||
/// @prop - Background color of the toast button
|
||||
$toast-md-button-background-color: transparent !default;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user