commit 01da81870818c364a67d9ba97ca84aec9afbcc4d
author Yoshie Muranaka <yoshiemuranaka@gmail.com> Wed Jul 08 15:46:43 2020 -0700
committer Derick Montague <derick.montague@ibm.com> Mon Jul 20 22:28:16 2020 +0000
tree 5962f489c9f86a46b3dab40734b882723a347f42
parent 330585760167d233a67a9301be991ba26b8e57df

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 <yoshiemuranaka@gmail.com>
Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f

src/assets/styles/bmc/custom/_alert.scss

diff --git a/src/assets/styles/bmc/custom/_alert.scss b/src/assets/styles/bmc/custom/_alert.scss
index 0b7b518..1d28f2a 100644
--- a/src/assets/styles/bmc/custom/_alert.scss
+++ b/src/assets/styles/bmc/custom/_alert.scss
@@ -2,7 +2,7 @@
     display: flex;
     padding: $spacer;
     border-width: 0 0 0 3px;
-    color: $gray-800;
+    color: gray("800");
     margin-bottom: $spacer;
 
     &.small {
@@ -45,20 +45,20 @@
     }
 
     &.alert-info {
-      border-left-color: $info;
+      border-left-color: theme-color("info");
       background-color: $info-light;
-      fill: $info;
+      fill: theme-color("info");
     }
 
     &.alert-danger {
-      border-left-color: $danger;
+      border-left-color: theme-color("danger");
       background-color: $danger-light;
-      fill: $danger;
+      fill: theme-color("danger");
     }
 
     &.alert-warning {
-      border-left-color: $warning;
+      border-left-color: theme-color("warning");
       background-color: $warning-light;
-      fill: $warning;
+      fill: theme-color("warning");
     }
   }
\ No newline at end of file