diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-07-09 01:46:43 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-07-21 01:28:16 +0300 |
commit | 01da81870818c364a67d9ba97ca84aec9afbcc4d (patch) | |
tree | 5962f489c9f86a46b3dab40734b882723a347f42 /src/layouts | |
parent | 330585760167d233a67a9301be991ba26b8e57df (diff) | |
download | webui-vue-01da81870818c364a67d9ba97ca84aec9afbcc4d.tar.xz |
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
Diffstat (limited to 'src/layouts')
-rw-r--r-- | src/layouts/LoginLayout.vue | 6 |
1 files changed, 5 insertions, 1 deletions
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% + ); } } |