Add red divider

2 files changed, 9 insertions, 3 deletions

diff --git a/tpl/objects/divider.pug b/tpl/objects/divider.pug
index 094df07..46425cd 100644
--- a/tpl/objects/divider.pug
+++ b/tpl/objects/divider.pug
@@ -1,9 +1,10 @@
 mixin divider(level)
     -
         let classes = {
-            'o-divider':             true,
-            'o-divider--labelled':   !!block,
-            ['o-divider--' + level]: true
+            'o-divider':                        true,
+            'o-divider--labelled':              !!block,
+            ['o-divider--' + level]:            true,
+            ['o-divider--' + attributes.color]: !!attributes.color
         }
 
     div(class=classes)&attributes(attributes)
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug
index 8c3ec0c..af142cf 100644
--- a/tpl/views/divider.pug
+++ b/tpl/views/divider.pug
@@ -19,3 +19,8 @@ mixin view-divider
             +divider('strong')= 'Strong'
             +divider('medium')= 'Medium'
             +divider('faint')= 'Faint'
+
+        .c-box
+            +divider('strong')(color='red')= 'Strong'
+            +divider('medium')(color='red')= 'Medium'
+            +divider('faint')(color='red')= 'Faint'