summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/objects/_divider.scss19
1 files changed, 19 insertions, 0 deletions
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss
index 9764ddb..943ab5f 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -35,6 +35,10 @@
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 --red: (
39 --bg: fn.global-color(--red --solid --bg),
40 --label: fn.global-color(--red --solid --obj),
41 ),
38 ), 42 ),
39 ), 'colors'); 43 ), 'colors');
40 44
@@ -64,6 +68,10 @@
64 background-color: fn.color(--faint --bg); 68 background-color: fn.color(--faint --bg);
65 } 69 }
66 70
71 @include iro.bem-modifier('red') {
72 background-color: fn.color(--red --bg);
73 }
74
67 @include iro.bem-modifier('labelled') { 75 @include iro.bem-modifier('labelled') {
68 display: flex; 76 display: flex;
69 flex-direction: row; 77 flex-direction: row;
@@ -126,6 +134,17 @@
126 font-weight: 500; 134 font-weight: 500;
127 } 135 }
128 } 136 }
137
138 @include iro.bem-modifier('red') {
139 &::before,
140 &::after {
141 background-color: fn.color(--red --bg);
142 }
143
144 @include iro.bem-elem('label') {
145 color: fn.color(--red --label);
146 }
147 }
129 } 148 }
130 } 149 }
131} 150}