diff options
| author | Volpeon <git@volpeon.ink> | 2025-11-08 11:50:57 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-11-08 11:50:57 +0100 |
| commit | 990a2cd28ed8814442546c749c35c63f231df59d (patch) | |
| tree | 277b31bf20f049aca2fa596ce0251b6a26f95e79 /tpl/objects | |
| parent | Heading typography (diff) | |
| download | iro-design-990a2cd28ed8814442546c749c35c63f231df59d.tar.gz iro-design-990a2cd28ed8814442546c749c35c63f231df59d.tar.bz2 iro-design-990a2cd28ed8814442546c749c35c63f231df59d.zip | |
Heading: Add static theme colors
Diffstat (limited to 'tpl/objects')
| -rw-r--r-- | tpl/objects/heading.pug | 56 |
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 @@ | |||
| 1 | mixin h1-heading(level, display = false) | 1 | mixin h1-heading(level, display = false) |
| 2 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 2 | - |
| 3 | let classes = [ | ||
| 4 | 'o-heading', | ||
| 5 | 'o-heading--' + level, | ||
| 6 | 'o-heading--' + attributes.color, | ||
| 7 | { 'o-heading--display': display } | ||
| 8 | ] | ||
| 3 | h1(class=classes)&attributes(attributes) | 9 | h1(class=classes)&attributes(attributes) |
| 4 | block | 10 | block |
| 5 | 11 | ||
| 6 | mixin h2-heading(level, display = false) | 12 | mixin h2-heading(level, display = false) |
| 7 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 13 | - |
| 14 | let classes = [ | ||
| 15 | 'o-heading', | ||
| 16 | 'o-heading--' + level, | ||
| 17 | 'o-heading--' + attributes.color, | ||
| 18 | { 'o-heading--display': display } | ||
| 19 | ] | ||
| 8 | h2(class=classes)&attributes(attributes) | 20 | h2(class=classes)&attributes(attributes) |
| 9 | block | 21 | block |
| 10 | 22 | ||
| 11 | mixin h3-heading(level, display = false) | 23 | mixin h3-heading(level, display = false) |
| 12 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 24 | - |
| 25 | let classes = [ | ||
| 26 | 'o-heading', | ||
| 27 | 'o-heading--' + level, | ||
| 28 | 'o-heading--' + attributes.color, | ||
| 29 | { 'o-heading--display': display } | ||
| 30 | ] | ||
| 13 | h3(class=classes)&attributes(attributes) | 31 | h3(class=classes)&attributes(attributes) |
| 14 | block | 32 | block |
| 15 | 33 | ||
| 16 | mixin h4-heading(level, display = false) | 34 | mixin h4-heading(level, display = false) |
| 17 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 35 | - |
| 36 | let classes = [ | ||
| 37 | 'o-heading', | ||
| 38 | 'o-heading--' + level, | ||
| 39 | 'o-heading--' + attributes.color, | ||
| 40 | { 'o-heading--display': display } | ||
| 41 | ] | ||
| 18 | h4(class=classes)&attributes(attributes) | 42 | h4(class=classes)&attributes(attributes) |
| 19 | block | 43 | block |
| 20 | 44 | ||
| 21 | mixin h5-heading(level, display = false) | 45 | mixin h5-heading(level, display = false) |
| 22 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 46 | - |
| 47 | let classes = [ | ||
| 48 | 'o-heading', | ||
| 49 | 'o-heading--' + level, | ||
| 50 | 'o-heading--' + attributes.color, | ||
| 51 | { 'o-heading--display': display } | ||
| 52 | ] | ||
| 23 | h5(class=classes)&attributes(attributes) | 53 | h5(class=classes)&attributes(attributes) |
| 24 | block | 54 | block |
| 25 | 55 | ||
| 26 | mixin h6-heading(level, display = false) | 56 | mixin h6-heading(level, display = false) |
| 27 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 57 | - |
| 58 | let classes = [ | ||
| 59 | 'o-heading', | ||
| 60 | 'o-heading--' + level, | ||
| 61 | 'o-heading--' + attributes.color, | ||
| 62 | { 'o-heading--display': display } | ||
| 63 | ] | ||
| 28 | h6(class=classes)&attributes(attributes) | 64 | h6(class=classes)&attributes(attributes) |
| 29 | block | 65 | block |
| 30 | 66 | ||
| 31 | mixin div-heading(level, display = false) | 67 | mixin div-heading(level, display = false) |
| 32 | - let classes = ['o-heading', 'o-heading--' + level, { 'o-heading--display': display }] | 68 | - |
| 69 | let classes = [ | ||
| 70 | 'o-heading', | ||
| 71 | 'o-heading--' + level, | ||
| 72 | 'o-heading--' + attributes.color, | ||
| 73 | { 'o-heading--display': display } | ||
| 74 | ] | ||
| 33 | div(class=classes)&attributes(attributes) | 75 | div(class=classes)&attributes(attributes) |
| 34 | block | 76 | block |