aboutsummaryrefslogtreecommitdiff
path: root/src/components/style_switcher/style_switcher.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2018-04-07 19:30:27 +0300
committerHenry Jameson <me@hjkos.com>2018-04-07 19:30:27 +0300
commit529643d35acf10ce5d8793cd2d8309f5bd36d249 (patch)
tree8f096734fc35602d891bbd980979a86e2ac2051e /src/components/style_switcher/style_switcher.vue
parent94195024e649e6a370dcdea46b5f5d87c541fe59 (diff)
indents
Diffstat (limited to 'src/components/style_switcher/style_switcher.vue')
-rw-r--r--src/components/style_switcher/style_switcher.vue68
1 files changed, 34 insertions, 34 deletions
diff --git a/src/components/style_switcher/style_switcher.vue b/src/components/style_switcher/style_switcher.vue
index e2853d01..6bdd4391 100644
--- a/src/components/style_switcher/style_switcher.vue
+++ b/src/components/style_switcher/style_switcher.vue
@@ -71,61 +71,61 @@
<style lang="scss">
@import '../../_variables.scss';
.style-switcher {
- margin-right: 1em;
+ margin-right: 1em;
}
.color-container {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
}
.color-item {
- min-width: 20em;
- display:flex;
- flex: 1 1 0;
- align-items: baseline;
- margin: 5px 6px 5px 0;
+ min-width: 20em;
+ display:flex;
+ flex: 1 1 0;
+ align-items: baseline;
+ margin: 5px 6px 5px 0;
- label {
- color: var(--faint, $fallback--faint);
- }
+ label {
+ color: var(--faint, $fallback--faint);
+ }
}
.theme-color-cl {
- border: 0;
- box-shadow: none;
- background: transparent;
+ border: 0;
+ box-shadow: none;
+ background: transparent;
}
.theme-color-cl,
.theme-color-in {
- margin-left: 4px;
+ margin-left: 4px;
}
.theme-color-in {
- padding: 5px;
- min-width: 4em;
- max-width: 7em;
- flex: 1;
+ padding: 5px;
+ min-width: 4em;
+ max-width: 7em;
+ flex: 1;
}
.theme-color-lb {
- flex: 2;
- min-width: 7em;
- max-width: 10em;
+ flex: 2;
+ min-width: 7em;
+ max-width: 10em;
}
.theme-color-cl {
- padding: 1px;
- max-width: 8em;
- align-self: stretch;
- height: 100%;
- flex: 0;
- min-width: 2em;
- cursor: pointer;
- }
+ padding: 1px;
+ max-width: 8em;
+ align-self: stretch;
+ height: 100%;
+ flex: 0;
+ min-width: 2em;
+ cursor: pointer;
+}
- .theme-preview-content {
- padding: 20px;
- }
+.theme-preview-content {
+ padding: 20px;
+}
</style>