1 files changed, 49 insertions, 7 deletions

diff --git a/tpl/objects/heading.pug b/tpl/objects/heading.pug
index 6cc05ad..cdc28f0 100644
--- a/tpl/objects/heading.pug
+++ b/tpl/objects/heading.pug
@@ -1,34 +1,76 @@
 mixin h1-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     h1(class=classes)&attributes(attributes)
         block
 
 mixin h2-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     h2(class=classes)&attributes(attributes)
         block
 
 mixin h3-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     h3(class=classes)&attributes(attributes)
         block
 
 mixin h4-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     h4(class=classes)&attributes(attributes)
         block
 
 mixin h5-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     h5(class=classes)&attributes(attributes)
         block
 
 mixin h6-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     h6(class=classes)&attributes(attributes)
         block
 
 mixin div-heading(level, display = false)
-    - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }]
+    -
+        let classes = [
+            'o-heading',
+            'o-heading--' + level,
+            'o-heading--' + attributes.color,
+            { 'o-heading--display': display }
+        ]
     div(class=classes)&attributes(attributes)
         block