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/_buttons.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'src/assets/styles/bmc/custom/_buttons.scss') diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss index b9b8073b..3f111302 100644 --- a/src/assets/styles/bmc/custom/_buttons.scss +++ b/src/assets/styles/bmc/custom/_buttons.scss @@ -21,23 +21,23 @@ } .btn-link { - fill: $primary; + fill: theme-color("primary"); text-decoration: none !important; &:focus { box-shadow: $btn-focus-box-shadow; } &:hover { - fill: darken($primary, 15%); + fill: darken(theme-color("primary"), 15%); } } .btn:disabled { - color: $gray-600; + color: gray("600"); fill: currentColor; &:not(.btn-link) { - border-color: $gray-400; - background-color: $gray-400; + border-color: gray("400"); + background-color: gray("400"); } } \ No newline at end of file -- cgit v1.2.3