From 01da81870818c364a67d9ba97ca84aec9afbcc4d Mon Sep 17 00:00:00 2001
From: Yoshie Muranaka <yoshiemuranaka@gmail.com>
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 <yoshiemuranaka@gmail.com>
Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f
---
 src/layouts/LoginLayout.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/layouts/LoginLayout.vue')

diff --git a/src/layouts/LoginLayout.vue b/src/layouts/LoginLayout.vue
index bb89f25e..8dd741c3 100644
--- a/src/layouts/LoginLayout.vue
+++ b/src/layouts/LoginLayout.vue
@@ -32,7 +32,11 @@ export default {
 
 .login-container {
   @include media-breakpoint-up(md) {
-    background: linear-gradient(to right, $light 50%, $container-bgd 50%);
+    background: linear-gradient(
+      to right,
+      theme-color('light') 50%,
+      gray('200') 50%
+    );
   }
 }
 
-- 
cgit v1.2.3

