Add red divider

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 @@
                 --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);
+                }
+            }
         }
     }
 }