aboutsummaryrefslogtreecommitdiff
path: root/src/components/style_switcher/style_switcher.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2018-04-01 05:28:20 +0300
committerHenry Jameson <me@hjkos.com>2018-04-07 16:36:35 +0300
commitacdb5e5c7a2dac1908a5daafd94c31bc116a1799 (patch)
tree60713d0f6436fbcc0a17a4b4de647ebb884204ce /src/components/style_switcher/style_switcher.vue
parentaa0564406a95824cc45c815571292716b65806a1 (diff)
cleanup. added fallback mechanism for IE11 and unsupported browsers.
Diffstat (limited to 'src/components/style_switcher/style_switcher.vue')
-rw-r--r--src/components/style_switcher/style_switcher.vue11
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index 6c0cc6e7..e6a00275 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -47,6 +47,7 @@
<script src="./style_switcher.js"></script>
<style lang="scss">
+@import '../../_variables.scss';
.style-switcher {
margin-right: 1em;
}
@@ -65,14 +66,20 @@
margin: 5px 6px 5px 0;
label {
- color: var(--faint);
+ color: var(--faint, $fallback--faint);
}
}
+
+.theme-color-cl {
+ border: 0;
+ box-shadow: none;
+ background: transparent;
+}
+
.theme-color-cl,
.theme-color-in {
margin-left: 4px;
border-radius: 2px;
- border: 0;
}
.theme-color-in {