diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_divider.scss | 19 |
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 | } |