summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-10-20 13:59:32 +0200
committerVolpeon <git@volpeon.ink>2023-10-20 13:59:32 +0200
commit1e4d6c0cecfff4e1fb351e80a7fc186e4dc8c3e0 (patch)
tree674fd44e6e8547820ce8f09bf93028e0a1cbeed7 /src/objects
parentAdd red divider (diff)
downloadiro-design-1e4d6c0cecfff4e1fb351e80a7fc186e4dc8c3e0.tar.gz
iro-design-1e4d6c0cecfff4e1fb351e80a7fc186e4dc8c3e0.tar.bz2
iro-design-1e4d6c0cecfff4e1fb351e80a7fc186e4dc8c3e0.zip
More colored divider
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_divider.scss32
1 files changed, 25 insertions, 7 deletions
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss
index 943ab5f..93b1914 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -35,10 +35,26 @@
35 --bg: fn.global-color(--obj), 35 --bg: fn.global-color(--obj),
36 --label: fn.global-color(--fg-hi2), 36 --label: fn.global-color(--fg-hi2),
37 ), 37 ),
38 --blue: (
39 --bg: fn.global-color(--blue --solid --bg),
40 --label: fn.global-color(--blue --solid --obj),
41 ),
42 --purple: (
43 --bg: fn.global-color(--purple --solid --bg),
44 --label: fn.global-color(--purple --solid --obj),
45 ),
38 --red: ( 46 --red: (
39 --bg: fn.global-color(--red --solid --bg), 47 --bg: fn.global-color(--red --solid --bg),
40 --label: fn.global-color(--red --solid --obj), 48 --label: fn.global-color(--red --solid --obj),
41 ), 49 ),
50 --green: (
51 --bg: fn.global-color(--green --solid --bg),
52 --label: fn.global-color(--green --solid --obj),
53 ),
54 --yellow: (
55 --bg: fn.global-color(--yellow --solid --bg),
56 --label: fn.global-color(--yellow --solid --obj),
57 ),
42 ), 58 ),
43 ), 'colors'); 59 ), 'colors');
44 60
@@ -135,14 +151,16 @@
135 } 151 }
136 } 152 }
137 153
138 @include iro.bem-modifier('red') { 154 @each $color in 'blue' 'purple' 'red' 'green' 'yellow' {
139 &::before, 155 @include iro.bem-modifier($color) {
140 &::after { 156 &::before,
141 background-color: fn.color(--red --bg); 157 &::after {
142 } 158 background-color: fn.color(--#{$color} --bg);
159 }
143 160
144 @include iro.bem-elem('label') { 161 @include iro.bem-elem('label') {
145 color: fn.color(--red --label); 162 color: fn.color(--#{$color} --label);
163 }
146 } 164 }
147 } 165 }
148 } 166 }