fix(toast): allow button-color CSS variable to be overridden (ionic-t…

…eam#18133) fixes ionic-team#18127
kiku-jw · May 16, 2019 · c1286d6 · c1286d6
1 parent 57cff71
commit c1286d6
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 10 deletions.
diff --git a/core/src/components/toast/toast.ios.scss b/core/src/components/toast/toast.ios.scss
@@ -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;

diff --git a/core/src/components/toast/toast.ios.vars.scss b/core/src/components/toast/toast.ios.vars.scss
@@ -39,8 +39,8 @@ $toast-ios-content-padding-bottom:                $toast-ios-content-padding-top
 /// @prop - Padding start of the toast content
 $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;
+/// @prop - Color of the toast button	
+$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;
 

diff --git a/core/src/components/toast/toast.md.scss b/core/src/components/toast/toast.md.scss
@@ -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;

diff --git a/core/src/components/toast/toast.md.vars.scss b/core/src/components/toast/toast.md.vars.scss
@@ -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;