diff options
Diffstat (limited to 'src')
| -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 | } |
