From a7abe85626b1c37c6227ffa8a01ebcd968c5a6bc Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 20 Oct 2023 11:56:14 +0200 Subject: Add red divider --- src/objects/_divider.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'src/objects/_divider.scss') 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 @@ --bg: fn.global-color(--obj), --label: fn.global-color(--fg-hi2), ), + --red: ( + --bg: fn.global-color(--red --solid --bg), + --label: fn.global-color(--red --solid --obj), + ), ), ), 'colors'); @@ -64,6 +68,10 @@ background-color: fn.color(--faint --bg); } + @include iro.bem-modifier('red') { + background-color: fn.color(--red --bg); + } + @include iro.bem-modifier('labelled') { display: flex; flex-direction: row; @@ -126,6 +134,17 @@ font-weight: 500; } } + + @include iro.bem-modifier('red') { + &::before, + &::after { + background-color: fn.color(--red --bg); + } + + @include iro.bem-elem('label') { + color: fn.color(--red --label); + } + } } } } -- cgit v1.2.3-70-g09d2