From 01da81870818c364a67d9ba97ca84aec9afbcc4d Mon Sep 17 00:00:00 2001 From: Yoshie Muranaka Date: Wed, 8 Jul 2020 15:46:43 -0700 Subject: Update use of Sass variables for better theming Use Bootstrap color functions for theme-colors and grays instead of directly referencing Sass variable to allow more flexible theming. Signed-off-by: Yoshie Muranaka Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f --- src/assets/styles/bmc/custom/_toasts.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'src/assets/styles/bmc/custom/_toasts.scss') diff --git a/src/assets/styles/bmc/custom/_toasts.scss b/src/assets/styles/bmc/custom/_toasts.scss index 9295b17e..c3e91b8a 100644 --- a/src/assets/styles/bmc/custom/_toasts.scss +++ b/src/assets/styles/bmc/custom/_toasts.scss @@ -14,31 +14,31 @@ .toast-header { background-color: inherit!important; //override specificity border: none; - color: $dark!important; //override specificity + color: theme-color("dark")!important; //override specificity padding-bottom: 0; } .toast-body { - color: $dark; + color: theme-color("dark"); padding-top: 0; } .b-toast-success .toast { - border-left-color: $success!important; + border-left-color: theme-color("success")!important; background-color: $success-light; } .b-toast-info .toast { - border-left-color: $info!important; + border-left-color: theme-color("info")!important; background-color: $info-light; } .b-toast-danger .toast { - border-left-color: $danger!important; + border-left-color: theme-color("danger")!important; background-color: $danger-light; } .b-toast-warning .toast { - border-left-color: $warning!important; + border-left-color: theme-color("warning")!important; background-color: $warning-light; } \ No newline at end of file -- cgit v1.2.3