summaryrefslogtreecommitdiffstats
path: root/src/objects/_heading.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 12:27:09 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 12:27:09 +0200
commitcc5329a5f4d3ea91cac93bc7f9b8f943b7ced226 (patch)
treed16dea8f0a5edca2b610ecabeac5e93a4d98be2f /src/objects/_heading.vars.scss
parentUpdate _index.scss (diff)
downloadiro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.gz
iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.tar.bz2
iro-design-cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.zip
Paths
Diffstat (limited to 'src/objects/_heading.vars.scss')
-rw-r--r--src/objects/_heading.vars.scss610
1 files changed, 437 insertions, 173 deletions
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 4267b8c..8943622 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -1,208 +1,472 @@
1@use 'sass:map'; 1@use "sass:map";
2@use 'sass:string'; 2@use "sass:string";
3@use 'pkg:iro-sass/src/props'; 3@use "pkg:iro-sass/props";
4@use '../core.vars' as core; 4@use "../core.vars" as core;
5 5
6$offset: props.def(--o-heading--offset, -.02em) !default; 6$offset: props.def(--o-heading--offset, -0.02em) !default;
7$margin-bs: props.def(--o-heading--margin-bs, props.get(core.$size--700)) !default; 7$margin-bs: props.def(--o-heading--margin-bs, props.get(core.$size--700)) !default;
8$margin-bs-sibling: props.def(--o-heading--margin-bs-sibling, props.get(core.$size--325)) !default; 8$margin-bs-sibling: props.def(--o-heading--margin-bs-sibling, props.get(core.$size--325)) !default;
9 9
10$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color') !default; 10$text-color: props.def(
11$bg-color: props.def(--o-heading--bg-color, props.get(core.$theme, --base, --50), 'color') !default; 11 --o-heading--text-color,
12 props.get(core.$theme, --heading),
13 "color"
14) !default;
15$bg-color: props.def(--o-heading--bg-color, props.get(core.$theme, --base, --50), "color") !default;
12 16
13$text-color--xxl: props.def(--o-heading--xxl--text-color, props.get(core.$theme, --heading), 'color') !default; 17$text-color--xxl: props.def(
14$text-color--xl: props.def(--o-heading--xl--text-color, props.get($text-color--xxl), 'color') !default; 18 --o-heading--xxl--text-color,
15$text-color--lg: props.def(--o-heading--lg--text-color, props.get($text-color--xxl), 'color') !default; 19 props.get(core.$theme, --heading),
16$text-color--md: props.def(--o-heading--md--text-color, props.get($text-color--xxl), 'color') !default; 20 "color"
17$text-color--sm: props.def(--o-heading--sm--text-color, props.get(core.$theme, --text-mute-more), 'color') !default; 21) !default;
18$text-color--xs: props.def(--o-heading--xs--text-color, props.get($text-color--sm), 'color') !default; 22$text-color--xl: props.def(
23 --o-heading--xl--text-color,
24 props.get($text-color--xxl),
25 "color"
26) !default;
27$text-color--lg: props.def(
28 --o-heading--lg--text-color,
29 props.get($text-color--xxl),
30 "color"
31) !default;
32$text-color--md: props.def(
33 --o-heading--md--text-color,
34 props.get($text-color--xxl),
35 "color"
36) !default;
37$text-color--sm: props.def(
38 --o-heading--sm--text-color,
39 props.get(core.$theme, --text-mute-more),
40 "color"
41) !default;
42$text-color--xs: props.def(
43 --o-heading--xs--text-color,
44 props.get($text-color--sm),
45 "color"
46) !default;
19 47
20$display--text-color--xxl: props.def(--o-heading--display--xxl--text-color, props.get(core.$theme, --heading), 'color') !default; 48$display--text-color--xxl: props.def(
21$display--text-color--xl: props.def(--o-heading--display--xl--text-color, props.get($display--text-color--xxl), 'color') !default; 49 --o-heading--display--xxl--text-color,
22$display--text-color--lg: props.def(--o-heading--display--lg--text-color, props.get($display--text-color--xxl), 'color') !default; 50 props.get(core.$theme, --heading),
23$display--text-color--md: props.def(--o-heading--display--md--text-color, props.get($display--text-color--xxl), 'color') !default; 51 "color"
24$display--text-color--sm: props.def(--o-heading--display--sm--text-color, props.get($display--text-color--xxl), 'color') !default; 52) !default;
25$display--text-color--xs: props.def(--o-heading--display--xs--text-color, props.get(core.$theme, --text-mute-more), 'color') !default; 53$display--text-color--xl: props.def(
54 --o-heading--display--xl--text-color,
55 props.get($display--text-color--xxl),
56 "color"
57) !default;
58$display--text-color--lg: props.def(
59 --o-heading--display--lg--text-color,
60 props.get($display--text-color--xxl),
61 "color"
62) !default;
63$display--text-color--md: props.def(
64 --o-heading--display--md--text-color,
65 props.get($display--text-color--xxl),
66 "color"
67) !default;
68$display--text-color--sm: props.def(
69 --o-heading--display--sm--text-color,
70 props.get($display--text-color--xxl),
71 "color"
72) !default;
73$display--text-color--xs: props.def(
74 --o-heading--display--xs--text-color,
75 props.get(core.$theme, --text-mute-more),
76 "color"
77) !default;
26 78
27$bg-start: props.def(--o-heading--bg-start, .05em) !default; 79$bg-start: props.def(--o-heading--bg-start, 0.05em) !default;
28$bg-end: props.def(--o-heading--bg-end, .5em) !default; 80$bg-end: props.def(--o-heading--bg-end, 0.5em) !default;
29 81
30$font-family: props.def(--o-heading--font-family, props.get(core.$font--standard--family)) !default; 82$font-family: props.def(--o-heading--font-family, props.get(core.$font--standard--family)) !default;
31$line-height: props.def(--o-heading--line-height, props.get(core.$font--standard--line-height)) !default; 83$line-height: props.def(
32$font-weight: props.def(--o-heading--font-weight, bold) !default; 84 --o-heading--line-height,
33$feature-settings: props.def(--o-heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 85 props.get(core.$font--standard--line-height)
34$text-transform: props.def(--o-heading--text-transform, none) !default; 86) !default;
87$font-weight: props.def(--o-heading--font-weight, bold) !default;
88$feature-settings: props.def(
89 --o-heading--feature-settings,
90 props.get(core.$font--standard--feature-settings)
91) !default;
92$text-transform: props.def(--o-heading--text-transform, none) !default;
35 93
36$font-family--xxl: props.def(--o-heading--xxl--font-family, props.get(core.$font--standard--family)) !default; 94$font-family--xxl: props.def(
37$line-height--xxl: props.def(--o-heading--xxl--line-height, props.get(core.$font--standard--line-height)) !default; 95 --o-heading--xxl--font-family,
38$font-size--xxl: props.def(--o-heading--xxl--font-size, props.get(core.$font-size--300)) !default; 96 props.get(core.$font--standard--family)
39$font-weight--xxl: props.def(--o-heading--xxl--font-weight, bold) !default; 97) !default;
40$letter-spacing--xxl: props.def(--o-heading--xxl--letter-spacing, 0) !default; 98$line-height--xxl: props.def(
41$feature-settings--xxl: props.def(--o-heading--xxl--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 99 --o-heading--xxl--line-height,
42$text-transform--xxl: props.def(--o-heading--xxl--text-transform, none) !default; 100 props.get(core.$font--standard--line-height)
101) !default;
102$font-size--xxl: props.def(--o-heading--xxl--font-size, props.get(core.$font-size--300)) !default;
103$font-weight--xxl: props.def(--o-heading--xxl--font-weight, bold) !default;
104$letter-spacing--xxl: props.def(--o-heading--xxl--letter-spacing, 0) !default;
105$feature-settings--xxl: props.def(
106 --o-heading--xxl--feature-settings,
107 props.get(core.$font--standard--feature-settings)
108) !default;
109$text-transform--xxl: props.def(--o-heading--xxl--text-transform, none) !default;
43 110
44$font-family--xl: props.def(--o-heading--xl--font-family, props.get(core.$font--standard--family)) !default; 111$font-family--xl: props.def(
45$line-height--xl: props.def(--o-heading--xl--line-height, props.get(core.$font--standard--line-height)) !default; 112 --o-heading--xl--font-family,
46$font-size--xl: props.def(--o-heading--xl--font-size, props.get(core.$font-size--200)) !default; 113 props.get(core.$font--standard--family)
47$font-weight--xl: props.def(--o-heading--xl--font-weight, bold) !default; 114) !default;
48$letter-spacing--xl: props.def(--o-heading--xl--letter-spacing, 0) !default; 115$line-height--xl: props.def(
49$feature-settings--xl: props.def(--o-heading--xl--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 116 --o-heading--xl--line-height,
50$text-transform--xl: props.def(--o-heading--xl--text-transform, none) !default; 117 props.get(core.$font--standard--line-height)
118) !default;
119$font-size--xl: props.def(--o-heading--xl--font-size, props.get(core.$font-size--200)) !default;
120$font-weight--xl: props.def(--o-heading--xl--font-weight, bold) !default;
121$letter-spacing--xl: props.def(--o-heading--xl--letter-spacing, 0) !default;
122$feature-settings--xl: props.def(
123 --o-heading--xl--feature-settings,
124 props.get(core.$font--standard--feature-settings)
125) !default;
126$text-transform--xl: props.def(--o-heading--xl--text-transform, none) !default;
51 127
52$font-family--lg: props.def(--o-heading--lg--font-family, props.get(core.$font--standard--family)) !default; 128$font-family--lg: props.def(
53$line-height--lg: props.def(--o-heading--lg--line-height, props.get(core.$font--standard--line-height)) !default; 129 --o-heading--lg--font-family,
54$font-size--lg: props.def(--o-heading--lg--font-size, props.get(core.$font-size--150)) !default; 130 props.get(core.$font--standard--family)
55$font-weight--lg: props.def(--o-heading--lg--font-weight, bold) !default; 131) !default;
56$letter-spacing--lg: props.def(--o-heading--lg--letter-spacing, 0) !default; 132$line-height--lg: props.def(
57$feature-settings--lg: props.def(--o-heading--lg--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 133 --o-heading--lg--line-height,
58$text-transform--lg: props.def(--o-heading--lg--text-transform, none) !default; 134 props.get(core.$font--standard--line-height)
135) !default;
136$font-size--lg: props.def(--o-heading--lg--font-size, props.get(core.$font-size--150)) !default;
137$font-weight--lg: props.def(--o-heading--lg--font-weight, bold) !default;
138$letter-spacing--lg: props.def(--o-heading--lg--letter-spacing, 0) !default;
139$feature-settings--lg: props.def(
140 --o-heading--lg--feature-settings,
141 props.get(core.$font--standard--feature-settings)
142) !default;
143$text-transform--lg: props.def(--o-heading--lg--text-transform, none) !default;
59 144
60$font-family--md: props.def(--o-heading--md--font-family, props.get(core.$font--standard--family)) !default; 145$font-family--md: props.def(
61$line-height--md: props.def(--o-heading--md--line-height, props.get(core.$font--standard--line-height)) !default; 146 --o-heading--md--font-family,
62$font-size--md: props.def(--o-heading--md--font-size, props.get(core.$font-size--100)) !default; 147 props.get(core.$font--standard--family)
63$font-weight--md: props.def(--o-heading--md--font-weight, bold) !default; 148) !default;
64$letter-spacing--md: props.def(--o-heading--md--letter-spacing, 0) !default; 149$line-height--md: props.def(
65$feature-settings--md: props.def(--o-heading--md--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 150 --o-heading--md--line-height,
66$text-transform--md: props.def(--o-heading--md--text-transform, none) !default; 151 props.get(core.$font--standard--line-height)
152) !default;
153$font-size--md: props.def(--o-heading--md--font-size, props.get(core.$font-size--100)) !default;
154$font-weight--md: props.def(--o-heading--md--font-weight, bold) !default;
155$letter-spacing--md: props.def(--o-heading--md--letter-spacing, 0) !default;
156$feature-settings--md: props.def(
157 --o-heading--md--feature-settings,
158 props.get(core.$font--standard--feature-settings)
159) !default;
160$text-transform--md: props.def(--o-heading--md--text-transform, none) !default;
67 161
68$font-family--sm: props.def(--o-heading--sm--font-family, props.get(core.$font--standard--family)) !default; 162$font-family--sm: props.def(
69$line-height--sm: props.def(--o-heading--sm--line-height, props.get(core.$font--standard--line-height)) !default; 163 --o-heading--sm--font-family,
70$font-size--sm: props.def(--o-heading--sm--font-size, props.get(core.$font-size--100)) !default; 164 props.get(core.$font--standard--family)
71$font-weight--sm: props.def(--o-heading--sm--font-weight, normal) !default; 165) !default;
72$letter-spacing--sm: props.def(--o-heading--sm--letter-spacing, 0) !default; 166$line-height--sm: props.def(
73$feature-settings--sm: props.def(--o-heading--sm--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 167 --o-heading--sm--line-height,
74$text-transform--sm: props.def(--o-heading--sm--text-transform, none) !default; 168 props.get(core.$font--standard--line-height)
169) !default;
170$font-size--sm: props.def(--o-heading--sm--font-size, props.get(core.$font-size--100)) !default;
171$font-weight--sm: props.def(--o-heading--sm--font-weight, normal) !default;
172$letter-spacing--sm: props.def(--o-heading--sm--letter-spacing, 0) !default;
173$feature-settings--sm: props.def(
174 --o-heading--sm--feature-settings,
175 props.get(core.$font--standard--feature-settings)
176) !default;
177$text-transform--sm: props.def(--o-heading--sm--text-transform, none) !default;
75 178
76$font-family--xs: props.def(--o-heading--xs--font-family, props.get(core.$font--standard--family)) !default; 179$font-family--xs: props.def(
77$line-height--xs: props.def(--o-heading--xs--line-height, props.get(core.$font--standard--line-height)) !default; 180 --o-heading--xs--font-family,
78$font-size--xs: props.def(--o-heading--xs--font-size, props.get(core.$font-size--50)) !default; 181 props.get(core.$font--standard--family)
79$font-weight--xs: props.def(--o-heading--xs--font-weight, normal) !default; 182) !default;
80$letter-spacing--xs: props.def(--o-heading--xs--letter-spacing, 1px) !default; 183$line-height--xs: props.def(
81$feature-settings--xs: props.def(--o-heading--xs--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 184 --o-heading--xs--line-height,
82$text-transform--xs: props.def(--o-heading--xs--text-transform, none) !default; 185 props.get(core.$font--standard--line-height)
186) !default;
187$font-size--xs: props.def(--o-heading--xs--font-size, props.get(core.$font-size--50)) !default;
188$font-weight--xs: props.def(--o-heading--xs--font-weight, normal) !default;
189$letter-spacing--xs: props.def(--o-heading--xs--letter-spacing, 1px) !default;
190$feature-settings--xs: props.def(
191 --o-heading--xs--feature-settings,
192 props.get(core.$font--standard--feature-settings)
193) !default;
194$text-transform--xs: props.def(--o-heading--xs--text-transform, none) !default;
83 195
84$sizes: ( 196$sizes: (
85 'xs' $font-family--xs $line-height--xs $font-size--xs $font-weight--xs $letter-spacing--xs $feature-settings--xs $text-transform--xs $text-color--xs, 197 "xs" $font-family--xs $line-height--xs $font-size--xs $font-weight--xs $letter-spacing--xs
86 'sm' $font-family--sm $line-height--sm $font-size--sm $font-weight--sm $letter-spacing--sm $feature-settings--sm $text-transform--sm $text-color--sm, 198 $feature-settings--xs $text-transform--xs $text-color--xs,
87 'md' $font-family--md $line-height--md $font-size--md $font-weight--md $letter-spacing--md $feature-settings--md $text-transform--md $text-color--md, 199 "sm" $font-family--sm $line-height--sm $font-size--sm $font-weight--sm $letter-spacing--sm
88 'lg' $font-family--lg $line-height--lg $font-size--lg $font-weight--lg $letter-spacing--lg $feature-settings--lg $text-transform--lg $text-color--lg, 200 $feature-settings--sm $text-transform--sm $text-color--sm,
89 'xl' $font-family--xl $line-height--xl $font-size--xl $font-weight--xl $letter-spacing--xl $feature-settings--xl $text-transform--xl $text-color--xl, 201 "md" $font-family--md $line-height--md $font-size--md $font-weight--md $letter-spacing--md
90 'xxl' $font-family--xxl $line-height--xxl $font-size--xxl $font-weight--xxl $letter-spacing--xxl $feature-settings--xxl $text-transform--xxl $text-color--xxl, 202 $feature-settings--md $text-transform--md $text-color--md,
203 "lg" $font-family--lg $line-height--lg $font-size--lg $font-weight--lg $letter-spacing--lg
204 $feature-settings--lg $text-transform--lg $text-color--lg,
205 "xl" $font-family--xl $line-height--xl $font-size--xl $font-weight--xl $letter-spacing--xl
206 $feature-settings--xl $text-transform--xl $text-color--xl,
207 "xxl" $font-family--xxl $line-height--xxl $font-size--xxl $font-weight--xxl $letter-spacing--xxl
208 $feature-settings--xxl $text-transform--xxl $text-color--xxl
91) !default; 209) !default;
92 210
93$display--font-family--xxl: props.def(--o-heading--display--xxl--font-family, props.get(core.$font--headline--family)) !default; 211$display--font-family--xxl: props.def(
94$display--line-height--xxl: props.def(--o-heading--display--xxl--line-height, props.get(core.$font--headline--line-height)) !default; 212 --o-heading--display--xxl--font-family,
95$display--font-size--xxl: props.def(--o-heading--display--xxl--font-size, props.get(core.$font-size--1100)) !default; 213 props.get(core.$font--headline--family)
96$display--font-weight--xxl: props.def(--o-heading--display--xxl--font-weight, props.get(core.$font--headline--weight)) !default; 214) !default;
97$display--letter-spacing--xxl: props.def(--o-heading--display--xxl--letter-spacing, 0) !default; 215$display--line-height--xxl: props.def(
98$display--feature-settings--xxl: props.def(--o-heading--display--xxl--feature-settings, props.get(core.$font--headline--feature-settings)) !default; 216 --o-heading--display--xxl--line-height,
99$display--text-transform--xxl: props.def(--o-heading--display--xxl--text-transform, none) !default; 217 props.get(core.$font--headline--line-height)
218) !default;
219$display--font-size--xxl: props.def(
220 --o-heading--display--xxl--font-size,
221 props.get(core.$font-size--1100)
222) !default;
223$display--font-weight--xxl: props.def(
224 --o-heading--display--xxl--font-weight,
225 props.get(core.$font--headline--weight)
226) !default;
227$display--letter-spacing--xxl: props.def(--o-heading--display--xxl--letter-spacing, 0) !default;
228$display--feature-settings--xxl: props.def(
229 --o-heading--display--xxl--feature-settings,
230 props.get(core.$font--headline--feature-settings)
231) !default;
232$display--text-transform--xxl: props.def(--o-heading--display--xxl--text-transform, none) !default;
100 233
101$display--font-family--xl: props.def(--o-heading--display--xl--font-family, props.get(core.$font--headline--family)) !default; 234$display--font-family--xl: props.def(
102$display--line-height--xl: props.def(--o-heading--display--xl--line-height, props.get(core.$font--headline--line-height)) !default; 235 --o-heading--display--xl--font-family,
103$display--font-size--xl: props.def(--o-heading--display--xl--font-size, props.get(core.$font-size--700)) !default; 236 props.get(core.$font--headline--family)
104$display--font-weight--xl: props.def(--o-heading--display--xl--font-weight, props.get(core.$font--headline--weight)) !default; 237) !default;
105$display--letter-spacing--xl: props.def(--o-heading--display--xl--letter-spacing, 0) !default; 238$display--line-height--xl: props.def(
106$display--feature-settings--xl: props.def(--o-heading--display--xl--feature-settings, props.get(core.$font--headline--feature-settings)) !default; 239 --o-heading--display--xl--line-height,
107$display--text-transform--xl: props.def(--o-heading--display--xl--text-transform, none) !default; 240 props.get(core.$font--headline--line-height)
241) !default;
242$display--font-size--xl: props.def(
243 --o-heading--display--xl--font-size,
244 props.get(core.$font-size--700)
245) !default;
246$display--font-weight--xl: props.def(
247 --o-heading--display--xl--font-weight,
248 props.get(core.$font--headline--weight)
249) !default;
250$display--letter-spacing--xl: props.def(--o-heading--display--xl--letter-spacing, 0) !default;
251$display--feature-settings--xl: props.def(
252 --o-heading--display--xl--feature-settings,
253 props.get(core.$font--headline--feature-settings)
254) !default;
255$display--text-transform--xl: props.def(--o-heading--display--xl--text-transform, none) !default;
108 256
109$display--font-family--lg: props.def(--o-heading--display--lg--font-family, props.get(core.$font--headline--family)) !default; 257$display--font-family--lg: props.def(
110$display--line-height--lg: props.def(--o-heading--display--lg--line-height, props.get(core.$font--headline--line-height)) !default; 258 --o-heading--display--lg--font-family,
111$display--font-size--lg: props.def(--o-heading--display--lg--font-size, props.get(core.$font-size--300)) !default; 259 props.get(core.$font--headline--family)
112$display--font-weight--lg: props.def(--o-heading--display--lg--font-weight, props.get(core.$font--headline--weight)) !default; 260) !default;
113$display--letter-spacing--lg: props.def(--o-heading--display--lg--letter-spacing, 1px) !default; 261$display--line-height--lg: props.def(
114$display--feature-settings--lg: props.def(--o-heading--display--lg--feature-settings, props.get(core.$font--headline--feature-settings)) !default; 262 --o-heading--display--lg--line-height,
115$display--text-transform--lg: props.def(--o-heading--display--lg--text-transform, uppercase) !default; 263 props.get(core.$font--headline--line-height)
264) !default;
265$display--font-size--lg: props.def(
266 --o-heading--display--lg--font-size,
267 props.get(core.$font-size--300)
268) !default;
269$display--font-weight--lg: props.def(
270 --o-heading--display--lg--font-weight,
271 props.get(core.$font--headline--weight)
272) !default;
273$display--letter-spacing--lg: props.def(--o-heading--display--lg--letter-spacing, 1px) !default;
274$display--feature-settings--lg: props.def(
275 --o-heading--display--lg--feature-settings,
276 props.get(core.$font--headline--feature-settings)
277) !default;
278$display--text-transform--lg: props.def(
279 --o-heading--display--lg--text-transform,
280 uppercase
281) !default;
116 282
117$display--font-family--md: props.def(--o-heading--display--md--font-family, props.get(core.$font--standard--family)) !default; 283$display--font-family--md: props.def(
118$display--line-height--md: props.def(--o-heading--display--md--line-height, props.get(core.$font--standard--line-height)) !default; 284 --o-heading--display--md--font-family,
119$display--font-size--md: props.def(--o-heading--display--md--font-size, props.get(core.$font-size--150)) !default; 285 props.get(core.$font--standard--family)
120$display--font-weight--md: props.def(--o-heading--display--md--font-weight, bold) !default; 286) !default;
121$display--letter-spacing--md: props.def(--o-heading--display--md--letter-spacing, 0) !default; 287$display--line-height--md: props.def(
122$display--feature-settings--md: props.def(--o-heading--display--md--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 288 --o-heading--display--md--line-height,
123$display--text-transform--md: props.def(--o-heading--display--md--text-transform, none) !default; 289 props.get(core.$font--standard--line-height)
290) !default;
291$display--font-size--md: props.def(
292 --o-heading--display--md--font-size,
293 props.get(core.$font-size--150)
294) !default;
295$display--font-weight--md: props.def(--o-heading--display--md--font-weight, bold) !default;
296$display--letter-spacing--md: props.def(--o-heading--display--md--letter-spacing, 0) !default;
297$display--feature-settings--md: props.def(
298 --o-heading--display--md--feature-settings,
299 props.get(core.$font--standard--feature-settings)
300) !default;
301$display--text-transform--md: props.def(--o-heading--display--md--text-transform, none) !default;
124 302
125$display--font-family--sm: props.def(--o-heading--display--sm--font-family, props.get(core.$font--standard--family)) !default; 303$display--font-family--sm: props.def(
126$display--line-height--sm: props.def(--o-heading--display--sm--line-height, props.get(core.$font--standard--line-height)) !default; 304 --o-heading--display--sm--font-family,
127$display--font-size--sm: props.def(--o-heading--display--sm--font-size, props.get(core.$font-size--100)) !default; 305 props.get(core.$font--standard--family)
128$display--font-weight--sm: props.def(--o-heading--display--sm--font-weight, bold) !default; 306) !default;
129$display--letter-spacing--sm: props.def(--o-heading--display--sm--letter-spacing, 0) !default; 307$display--line-height--sm: props.def(
130$display--feature-settings--sm: props.def(--o-heading--display--sm--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 308 --o-heading--display--sm--line-height,
131$display--text-transform--sm: props.def(--o-heading--display--sm--text-transform, none) !default; 309 props.get(core.$font--standard--line-height)
310) !default;
311$display--font-size--sm: props.def(
312 --o-heading--display--sm--font-size,
313 props.get(core.$font-size--100)
314) !default;
315$display--font-weight--sm: props.def(--o-heading--display--sm--font-weight, bold) !default;
316$display--letter-spacing--sm: props.def(--o-heading--display--sm--letter-spacing, 0) !default;
317$display--feature-settings--sm: props.def(
318 --o-heading--display--sm--feature-settings,
319 props.get(core.$font--standard--feature-settings)
320) !default;
321$display--text-transform--sm: props.def(--o-heading--display--sm--text-transform, none) !default;
132 322
133$display--font-family--xs: props.def(--o-heading--display--xs--font-family, props.get(core.$font--standard--family)) !default; 323$display--font-family--xs: props.def(
134$display--line-height--xs: props.def(--o-heading--display--xs--line-height, props.get(core.$font--standard--line-height)) !default; 324 --o-heading--display--xs--font-family,
135$display--font-size--xs: props.def(--o-heading--display--xs--font-size, props.get(core.$font-size--50)) !default; 325 props.get(core.$font--standard--family)
136$display--font-weight--xs: props.def(--o-heading--display--xs--font-weight, normal) !default; 326) !default;
137$display--letter-spacing--xs: props.def(--o-heading--display--xs--letter-spacing, 1px) !default; 327$display--line-height--xs: props.def(
138$display--feature-settings--xs: props.def(--o-heading--display--xs--feature-settings, props.get(core.$font--standard--feature-settings)) !default; 328 --o-heading--display--xs--line-height,
139$display--text-transform--xs: props.def(--o-heading--display--xs--text-transform, none) !default; 329 props.get(core.$font--standard--line-height)
330) !default;
331$display--font-size--xs: props.def(
332 --o-heading--display--xs--font-size,
333 props.get(core.$font-size--50)
334) !default;
335$display--font-weight--xs: props.def(--o-heading--display--xs--font-weight, normal) !default;
336$display--letter-spacing--xs: props.def(--o-heading--display--xs--letter-spacing, 1px) !default;
337$display--feature-settings--xs: props.def(
338 --o-heading--display--xs--feature-settings,
339 props.get(core.$font--standard--feature-settings)
340) !default;
341$display--text-transform--xs: props.def(--o-heading--display--xs--text-transform, none) !default;
140 342
141$display--font-size--xxl--md: props.def(--o-heading--display--xxl--font-size, props.get(core.$font-size--900), 'md') !default; 343$display--font-size--xxl--md: props.def(
142$display--font-size--xl--md: props.def(--o-heading--display--xl--font-size, props.get(core.$font-size--600), 'md') !default; 344 --o-heading--display--xxl--font-size,
143$display--font-size--lg--md: props.def(--o-heading--display--lg--font-size, props.get(core.$font-size--200), 'md') !default; 345 props.get(core.$font-size--900),
144$display--font-size--md--md: props.def(--o-heading--display--md--font-size, props.get(core.$font-size--100), 'md') !default; 346 "md"
145$display--font-size--sm--md: props.def(--o-heading--display--sm--font-size, props.get(core.$font-size--75), 'md') !default; 347) !default;
146$display--font-size--xs--md: props.def(--o-heading--display--xs--font-size, props.get(core.$font-size--50), 'md') !default; 348$display--font-size--xl--md: props.def(
349 --o-heading--display--xl--font-size,
350 props.get(core.$font-size--600),
351 "md"
352) !default;
353$display--font-size--lg--md: props.def(
354 --o-heading--display--lg--font-size,
355 props.get(core.$font-size--200),
356 "md"
357) !default;
358$display--font-size--md--md: props.def(
359 --o-heading--display--md--font-size,
360 props.get(core.$font-size--100),
361 "md"
362) !default;
363$display--font-size--sm--md: props.def(
364 --o-heading--display--sm--font-size,
365 props.get(core.$font-size--75),
366 "md"
367) !default;
368$display--font-size--xs--md: props.def(
369 --o-heading--display--xs--font-size,
370 props.get(core.$font-size--50),
371 "md"
372) !default;
147 373
148$display--sizes: ( 374$display--sizes: (
149 'xs' $display--font-family--xs $display--line-height--xs $display--font-size--xs $display--font-weight--xs $display--letter-spacing--xs $display--feature-settings--xs $display--text-transform--xs $display--text-color--xs, 375 "xs" $display--font-family--xs $display--line-height--xs $display--font-size--xs
150 'sm' $display--font-family--sm $display--line-height--sm $display--font-size--sm $display--font-weight--sm $display--letter-spacing--sm $display--feature-settings--sm $display--text-transform--sm $display--text-color--sm, 376 $display--font-weight--xs $display--letter-spacing--xs $display--feature-settings--xs
151 'md' $display--font-family--md $display--line-height--md $display--font-size--md $display--font-weight--md $display--letter-spacing--md $display--feature-settings--md $display--text-transform--md $display--text-color--md, 377 $display--text-transform--xs $display--text-color--xs,
152 'lg' $display--font-family--lg $display--line-height--lg $display--font-size--lg $display--font-weight--lg $display--letter-spacing--lg $display--feature-settings--lg $display--text-transform--lg $display--text-color--lg, 378 "sm" $display--font-family--sm $display--line-height--sm $display--font-size--sm
153 'xl' $display--font-family--xl $display--line-height--xl $display--font-size--xl $display--font-weight--xl $display--letter-spacing--xl $display--feature-settings--xl $display--text-transform--xl $display--text-color--xl, 379 $display--font-weight--sm $display--letter-spacing--sm $display--feature-settings--sm
154 'xxl' $display--font-family--xxl $display--line-height--xxl $display--font-size--xxl $display--font-weight--xxl $display--letter-spacing--xxl $display--feature-settings--xxl $display--text-transform--xxl $display--text-color--xxl, 380 $display--text-transform--sm $display--text-color--sm,
381 "md" $display--font-family--md $display--line-height--md $display--font-size--md
382 $display--font-weight--md $display--letter-spacing--md $display--feature-settings--md
383 $display--text-transform--md $display--text-color--md,
384 "lg" $display--font-family--lg $display--line-height--lg $display--font-size--lg
385 $display--font-weight--lg $display--letter-spacing--lg $display--feature-settings--lg
386 $display--text-transform--lg $display--text-color--lg,
387 "xl" $display--font-family--xl $display--line-height--xl $display--font-size--xl
388 $display--font-weight--xl $display--letter-spacing--xl $display--feature-settings--xl
389 $display--text-transform--xl $display--text-color--xl,
390 "xxl" $display--font-family--xxl $display--line-height--xxl $display--font-size--xxl
391 $display--font-weight--xxl $display--letter-spacing--xxl $display--feature-settings--xxl
392 $display--text-transform--xxl $display--text-color--xxl
155) !default; 393) !default;
156 394
157$static-themes: props.def(--o-heading, (), 'color'); 395$static-themes: props.def(--o-heading, (), "color");
158 396
159@each $theme in map.keys(props.get(core.$transparent-colors)) { 397@each $theme in map.keys(props.get(core.$transparent-colors)) {
160 $heading-theme: --static-#{string.slice($theme, 3)}; 398 $heading-theme: --static-#{string.slice($theme, 3)};
161 399
162 $static-themes: props.merge($static-themes, ( 400 $static-themes: props.merge(
163 $heading-theme: ( 401 $static-themes,
164 --bg-color: props.get(core.$transparent-colors, $theme, --200), 402 (
165 --text-color: props.get(core.$transparent-colors, $theme, --900), 403 $heading-theme: (
166 404 --bg-color: props.get(core.$transparent-colors, $theme, --200),
167 --xxl: (
168 --text-color: props.get(core.$transparent-colors, $theme, --900),
169 ),
170 --xl: (
171 --text-color: props.get(core.$transparent-colors, $theme, --900),
172 ),
173 --lg: (
174 --text-color: props.get(core.$transparent-colors, $theme, --900),
175 ),
176 --md: (
177 --text-color: props.get(core.$transparent-colors, $theme, --900),
178 ),
179 --sm: (
180 --text-color: props.get(core.$transparent-colors, $theme, --500),
181 ),
182 --xs: (
183 --text-color: props.get(core.$transparent-colors, $theme, --500),
184 ),
185
186 --display: (
187 --xxl: (
188 --text-color: props.get(core.$transparent-colors, $theme, --900), 405 --text-color: props.get(core.$transparent-colors, $theme, --900),
406 --xxl: (
407 --text-color: props.get(core.$transparent-colors, $theme, --900),
408 ),
409 --xl: (
410 --text-color: props.get(core.$transparent-colors, $theme, --900),
411 ),
412 --lg: (
413 --text-color: props.get(core.$transparent-colors, $theme, --900),
414 ),
415 --md: (
416 --text-color: props.get(core.$transparent-colors, $theme, --900),
417 ),
418 --sm: (
419 --text-color: props.get(core.$transparent-colors, $theme, --500),
420 ),
421 --xs: (
422 --text-color: props.get(core.$transparent-colors, $theme, --500),
423 ),
424
425 --display: (
426 --xxl: (
427 --text-color: props.get(
428 core.$transparent-colors,
429 $theme,
430 --900
431 ),
432 ),
433 --xl: (
434 --text-color: props.get(
435 core.$transparent-colors,
436 $theme,
437 --900
438 ),
439 ),
440 --lg: (
441 --text-color: props.get(
442 core.$transparent-colors,
443 $theme,
444 --900
445 ),
446 ),
447 --md: (
448 --text-color: props.get(
449 core.$transparent-colors,
450 $theme,
451 --900
452 ),
453 ),
454 --sm: (
455 --text-color: props.get(
456 core.$transparent-colors,
457 $theme,
458 --900
459 ),
460 ),
461 --xs: (
462 --text-color: props.get(
463 core.$transparent-colors,
464 $theme,
465 --500
466 ),
467 ),
468 ),
189 ), 469 ),
190 --xl: (
191 --text-color: props.get(core.$transparent-colors, $theme, --900),
192 ),
193 --lg: (
194 --text-color: props.get(core.$transparent-colors, $theme, --900),
195 ),
196 --md: (
197 --text-color: props.get(core.$transparent-colors, $theme, --900),
198 ),
199 --sm: (
200 --text-color: props.get(core.$transparent-colors, $theme, --900),
201 ),
202 --xs: (
203 --text-color: props.get(core.$transparent-colors, $theme, --500),
204 ),
205 ),
206 ) 470 )
207 )); 471 );
208} 472}
generated by cgit v1.3.1 (git 2.54.0) at 2026-07-22 15:24:53 +0000