From 990a2cd28ed8814442546c749c35c63f231df59d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 8 Nov 2025 11:50:57 +0100 Subject: Heading: Add static theme colors --- tpl/objects/heading.pug | 56 ++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 49 insertions(+), 7 deletions(-) (limited to 'tpl/objects/heading.pug') 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 -- cgit v1.2.3-70-g09d2