From 19cd4cb44c0a88054b533537e26d97f7bf5e6dd3 Mon Sep 17 00:00:00 2001
From: "fanky.eu" <jakub.webisti@gmail.com>
Date: Tue, 13 Apr 2021 22:46:27 +0200
Subject: [PATCH] enable class settings on switch
---
.../01-molecules/09-switch/binary-switch.mustache | 4 ++--
source/css/molecules/switch.pcss | 9 ++++-----
2 files changed, 6 insertions(+), 7 deletions(-)
diff --git a/source/_patterns/01-molecules/09-switch/binary-switch.mustache b/source/_patterns/01-molecules/09-switch/binary-switch.mustache
index e4123c5..7800c60 100644
--- a/source/_patterns/01-molecules/09-switch/binary-switch.mustache
+++ b/source/_patterns/01-molecules/09-switch/binary-switch.mustache
@@ -1,4 +1,4 @@
<div class="switch">
- <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{^ secondActive }}switch__item--active{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
- <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{# secondActive }}switch__item--active{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
+ <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
+ <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
</div>
diff --git a/source/css/molecules/switch.pcss b/source/css/molecules/switch.pcss
index e74a9fb..7e5c37b 100644
--- a/source/css/molecules/switch.pcss
+++ b/source/css/molecules/switch.pcss
@@ -8,9 +8,8 @@
&:hover {
@apply no-underline bg-grey-500;
}
-
- &.switch__item--active,
- &.switch__item--active:hover {
- @apply bg-cyan-300;
- }
}
+.switch__item--active,
+.switch__item--active:hover {
+@apply bg-cyan-300;
+}
\ No newline at end of file
--
GitLab