summaryrefslogtreecommitdiffstats
path: root/src/objects/_heading.vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 13:00:59 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 13:00:59 +0200
commitaeed08dc46662a0d70e04bcea612a701633736e7 (patch)
treea4077017d3519185ccd9ea08955fccdd737ffe17 /src/objects/_heading.vars.scss
parentPaths (diff)
downloadiro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.gz
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.tar.bz2
iro-design-aeed08dc46662a0d70e04bcea612a701633736e7.zip
Revert "Paths"
This reverts commit cc5329a5f4d3ea91cac93bc7f9b8f943b7ced226.
Diffstat (limited to 'src/objects/_heading.vars.scss')
-rw-r--r--src/objects/_heading.vars.scss610
1 files changed, 173 insertions, 437 deletions
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 8943622..4267b8c 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -1,472 +1,208 @@
1@use "sass:map"; 1@use 'sass:map';
2@use "sass:string"; 2@use 'sass:string';
3@use "pkg:iro-sass/props"; 3@use 'pkg:iro-sass/src/props';
4@use "../core.vars" as core; 4@use '../core.vars' as core;
5 5
6$offset: props.def(--o-heading--offset, -0.02em) !default; 6$offset: props.def(--o-heading--offset, -.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( 10$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color') !default;
11 --o-heading--text-color, 11$bg-color: props.def(--o-heading--bg-color, props.get(core.$theme, --base, --50), 'color') !default;
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;
16 12
17$text-color--xxl: props.def( 13$text-color--xxl: props.def(--o-heading--xxl--text-color, props.get(core.$theme, --heading), 'color') !default;
18 --o-heading--xxl--text-color, 14$text-color--xl: props.def(--o-heading--xl--text-color, props.get($text-color--xxl), 'color') !default;
19 props.get(core.$theme, --heading), 15$text-color--lg: props.def(--o-heading--lg--text-color, props.get($text-color--xxl), 'color') !default;
20 "color" 16$text-color--md: props.def(--o-heading--md--text-color, props.get($text-color--xxl), 'color') !default;
21) !default; 17$text-color--sm: props.def(--o-heading--sm--text-color, props.get(core.$theme, --text-mute-more), 'color') !default;
22$text-color--xl: props.def( 18$text-color--xs: props.def(--o-heading--xs--text-color, props.get($text-color--sm), 'color') !default;
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;
47 19
48$display--text-color--xxl: props.def( 20$display--text-color--xxl: props.def(--o-heading--display--xxl--text-color, props.get(core.$theme, --heading), 'color') !default;
49 --o-heading--display--xxl--text-color, 21$display--text-color--xl: props.def(--o-heading--display--xl--text-color, props.get($display--text-color--xxl), 'color') !default;
50 props.get(core.$theme, --heading), 22$display--text-color--lg: props.def(--o-heading--display--lg--text-color, props.get($display--text-color--xxl), 'color') !default;
51 "color" 23$display--text-color--md: props.def(--o-heading--display--md--text-color, props.get($display--text-color--xxl), 'color') !default;
52) !default; 24$display--text-color--sm: props.def(--o-heading--display--sm--text-color, props.get($display--text-color--xxl), 'color') !default;
53$display--text-color--xl: props.def( 25$display--text-color--xs: props.def(--o-heading--display--xs--text-color, props.get(core.$theme, --text-mute-more), 'color') !default;
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;
78 26
79$bg-start: props.def(--o-heading--bg-start, 0.05em) !default; 27$bg-start: props.def(--o-heading--bg-start, .05em) !default;
80$bg-end: props.def(--o-heading--bg-end, 0.5em) !default; 28$bg-end: props.def(--o-heading--bg-end, .5em) !default;
81 29
82$font-family: props.def(--o-heading--font-family, props.get(core.$font--standard--family)) !default; 30$font-family: props.def(--o-heading--font-family, props.get(core.$font--standard--family)) !default;
83$line-height: props.def( 31$line-height: props.def(--o-heading--line-height, props.get(core.$font--standard--line-height)) !default;
84 --o-heading--line-height, 32$font-weight: props.def(--o-heading--font-weight, bold) !default;
85 props.get(core.$font--standard--line-height) 33$feature-settings: props.def(--o-heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
86) !default; 34$text-transform: props.def(--o-heading--text-transform, none) !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;
93 35
94$font-family--xxl: props.def( 36$font-family--xxl: props.def(--o-heading--xxl--font-family, props.get(core.$font--standard--family)) !default;
95 --o-heading--xxl--font-family, 37$line-height--xxl: props.def(--o-heading--xxl--line-height, props.get(core.$font--standard--line-height)) !default;
96 props.get(core.$font--standard--family) 38$font-size--xxl: props.def(--o-heading--xxl--font-size, props.get(core.$font-size--300)) !default;
97) !default; 39$font-weight--xxl: props.def(--o-heading--xxl--font-weight, bold) !default;
98$line-height--xxl: props.def( 40$letter-spacing--xxl: props.def(--o-heading--xxl--letter-spacing, 0) !default;
99 --o-heading--xxl--line-height, 41$feature-settings--xxl: props.def(--o-heading--xxl--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
100 props.get(core.$font--standard--line-height) 42$text-transform--xxl: props.def(--o-heading--xxl--text-transform, none) !default;
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;
110 43
111$font-family--xl: props.def( 44$font-family--xl: props.def(--o-heading--xl--font-family, props.get(core.$font--standard--family)) !default;
112 --o-heading--xl--font-family, 45$line-height--xl: props.def(--o-heading--xl--line-height, props.get(core.$font--standard--line-height)) !default;
113 props.get(core.$font--standard--family) 46$font-size--xl: props.def(--o-heading--xl--font-size, props.get(core.$font-size--200)) !default;
114) !default; 47$font-weight--xl: props.def(--o-heading--xl--font-weight, bold) !default;
115$line-height--xl: props.def( 48$letter-spacing--xl: props.def(--o-heading--xl--letter-spacing, 0) !default;
116 --o-heading--xl--line-height, 49$feature-settings--xl: props.def(--o-heading--xl--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
117 props.get(core.$font--standard--line-height) 50$text-transform--xl: props.def(--o-heading--xl--text-transform, none) !default;
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;
127 51
128$font-family--lg: props.def( 52$font-family--lg: props.def(--o-heading--lg--font-family, props.get(core.$font--standard--family)) !default;
129 --o-heading--lg--font-family, 53$line-height--lg: props.def(--o-heading--lg--line-height, props.get(core.$font--standard--line-height)) !default;
130 props.get(core.$font--standard--family) 54$font-size--lg: props.def(--o-heading--lg--font-size, props.get(core.$font-size--150)) !default;
131) !default; 55$font-weight--lg: props.def(--o-heading--lg--font-weight, bold) !default;
132$line-height--lg: props.def( 56$letter-spacing--lg: props.def(--o-heading--lg--letter-spacing, 0) !default;
133 --o-heading--lg--line-height, 57$feature-settings--lg: props.def(--o-heading--lg--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
134 props.get(core.$font--standard--line-height) 58$text-transform--lg: props.def(--o-heading--lg--text-transform, none) !default;
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;
144 59
145$font-family--md: props.def( 60$font-family--md: props.def(--o-heading--md--font-family, props.get(core.$font--standard--family)) !default;
146 --o-heading--md--font-family, 61$line-height--md: props.def(--o-heading--md--line-height, props.get(core.$font--standard--line-height)) !default;
147 props.get(core.$font--standard--family) 62$font-size--md: props.def(--o-heading--md--font-size, props.get(core.$font-size--100)) !default;
148) !default; 63$font-weight--md: props.def(--o-heading--md--font-weight, bold) !default;
149$line-height--md: props.def( 64$letter-spacing--md: props.def(--o-heading--md--letter-spacing, 0) !default;
150 --o-heading--md--line-height, 65$feature-settings--md: props.def(--o-heading--md--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
151 props.get(core.$font--standard--line-height) 66$text-transform--md: props.def(--o-heading--md--text-transform, none) !default;
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;
161 67
162$font-family--sm: props.def( 68$font-family--sm: props.def(--o-heading--sm--font-family, props.get(core.$font--standard--family)) !default;
163 --o-heading--sm--font-family, 69$line-height--sm: props.def(--o-heading--sm--line-height, props.get(core.$font--standard--line-height)) !default;
164 props.get(core.$font--standard--family) 70$font-size--sm: props.def(--o-heading--sm--font-size, props.get(core.$font-size--100)) !default;
165) !default; 71$font-weight--sm: props.def(--o-heading--sm--font-weight, normal) !default;
166$line-height--sm: props.def( 72$letter-spacing--sm: props.def(--o-heading--sm--letter-spacing, 0) !default;
167 --o-heading--sm--line-height, 73$feature-settings--sm: props.def(--o-heading--sm--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
168 props.get(core.$font--standard--line-height) 74$text-transform--sm: props.def(--o-heading--sm--text-transform, none) !default;
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;
178 75
179$font-family--xs: props.def( 76$font-family--xs: props.def(--o-heading--xs--font-family, props.get(core.$font--standard--family)) !default;
180 --o-heading--xs--font-family, 77$line-height--xs: props.def(--o-heading--xs--line-height, props.get(core.$font--standard--line-height)) !default;
181 props.get(core.$font--standard--family) 78$font-size--xs: props.def(--o-heading--xs--font-size, props.get(core.$font-size--50)) !default;
182) !default; 79$font-weight--xs: props.def(--o-heading--xs--font-weight, normal) !default;
183$line-height--xs: props.def( 80$letter-spacing--xs: props.def(--o-heading--xs--letter-spacing, 1px) !default;
184 --o-heading--xs--line-height, 81$feature-settings--xs: props.def(--o-heading--xs--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
185 props.get(core.$font--standard--line-height) 82$text-transform--xs: props.def(--o-heading--xs--text-transform, none) !default;
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;
195 83
196$sizes: ( 84$sizes: (
197 "xs" $font-family--xs $line-height--xs $font-size--xs $font-weight--xs $letter-spacing--xs 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,
198 $feature-settings--xs $text-transform--xs $text-color--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,
199 "sm" $font-family--sm $line-height--sm $font-size--sm $font-weight--sm $letter-spacing--sm 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,
200 $feature-settings--sm $text-transform--sm $text-color--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,
201 "md" $font-family--md $line-height--md $font-size--md $font-weight--md $letter-spacing--md 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,
202 $feature-settings--md $text-transform--md $text-color--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,
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
209) !default; 91) !default;
210 92
211$display--font-family--xxl: props.def( 93$display--font-family--xxl: props.def(--o-heading--display--xxl--font-family, props.get(core.$font--headline--family)) !default;
212 --o-heading--display--xxl--font-family, 94$display--line-height--xxl: props.def(--o-heading--display--xxl--line-height, props.get(core.$font--headline--line-height)) !default;
213 props.get(core.$font--headline--family) 95$display--font-size--xxl: props.def(--o-heading--display--xxl--font-size, props.get(core.$font-size--1100)) !default;
214) !default; 96$display--font-weight--xxl: props.def(--o-heading--display--xxl--font-weight, props.get(core.$font--headline--weight)) !default;
215$display--line-height--xxl: props.def( 97$display--letter-spacing--xxl: props.def(--o-heading--display--xxl--letter-spacing, 0) !default;
216 --o-heading--display--xxl--line-height, 98$display--feature-settings--xxl: props.def(--o-heading--display--xxl--feature-settings, props.get(core.$font--headline--feature-settings)) !default;
217 props.get(core.$font--headline--line-height) 99$display--text-transform--xxl: props.def(--o-heading--display--xxl--text-transform, none) !default;
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;
233 100
234$display--font-family--xl: props.def( 101$display--font-family--xl: props.def(--o-heading--display--xl--font-family, props.get(core.$font--headline--family)) !default;
235 --o-heading--display--xl--font-family, 102$display--line-height--xl: props.def(--o-heading--display--xl--line-height, props.get(core.$font--headline--line-height)) !default;
236 props.get(core.$font--headline--family) 103$display--font-size--xl: props.def(--o-heading--display--xl--font-size, props.get(core.$font-size--700)) !default;
237) !default; 104$display--font-weight--xl: props.def(--o-heading--display--xl--font-weight, props.get(core.$font--headline--weight)) !default;
238$display--line-height--xl: props.def( 105$display--letter-spacing--xl: props.def(--o-heading--display--xl--letter-spacing, 0) !default;
239 --o-heading--display--xl--line-height, 106$display--feature-settings--xl: props.def(--o-heading--display--xl--feature-settings, props.get(core.$font--headline--feature-settings)) !default;
240 props.get(core.$font--headline--line-height) 107$display--text-transform--xl: props.def(--o-heading--display--xl--text-transform, none) !default;
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;
256 108
257$display--font-family--lg: props.def( 109$display--font-family--lg: props.def(--o-heading--display--lg--font-family, props.get(core.$font--headline--family)) !default;
258 --o-heading--display--lg--font-family, 110$display--line-height--lg: props.def(--o-heading--display--lg--line-height, props.get(core.$font--headline--line-height)) !default;
259 props.get(core.$font--headline--family) 111$display--font-size--lg: props.def(--o-heading--display--lg--font-size, props.get(core.$font-size--300)) !default;
260) !default; 112$display--font-weight--lg: props.def(--o-heading--display--lg--font-weight, props.get(core.$font--headline--weight)) !default;
261$display--line-height--lg: props.def( 113$display--letter-spacing--lg: props.def(--o-heading--display--lg--letter-spacing, 1px) !default;
262 --o-heading--display--lg--line-height, 114$display--feature-settings--lg: props.def(--o-heading--display--lg--feature-settings, props.get(core.$font--headline--feature-settings)) !default;
263 props.get(core.$font--headline--line-height) 115$display--text-transform--lg: props.def(--o-heading--display--lg--text-transform, uppercase) !default;
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;
282 116
283$display--font-family--md: props.def( 117$display--font-family--md: props.def(--o-heading--display--md--font-family, props.get(core.$font--standard--family)) !default;
284 --o-heading--display--md--font-family, 118$display--line-height--md: props.def(--o-heading--display--md--line-height, props.get(core.$font--standard--line-height)) !default;
285 props.get(core.$font--standard--family) 119$display--font-size--md: props.def(--o-heading--display--md--font-size, props.get(core.$font-size--150)) !default;
286) !default; 120$display--font-weight--md: props.def(--o-heading--display--md--font-weight, bold) !default;
287$display--line-height--md: props.def( 121$display--letter-spacing--md: props.def(--o-heading--display--md--letter-spacing, 0) !default;
288 --o-heading--display--md--line-height, 122$display--feature-settings--md: props.def(--o-heading--display--md--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
289 props.get(core.$font--standard--line-height) 123$display--text-transform--md: props.def(--o-heading--display--md--text-transform, none) !default;
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;
302 124
303$display--font-family--sm: props.def( 125$display--font-family--sm: props.def(--o-heading--display--sm--font-family, props.get(core.$font--standard--family)) !default;
304 --o-heading--display--sm--font-family, 126$display--line-height--sm: props.def(--o-heading--display--sm--line-height, props.get(core.$font--standard--line-height)) !default;
305 props.get(core.$font--standard--family) 127$display--font-size--sm: props.def(--o-heading--display--sm--font-size, props.get(core.$font-size--100)) !default;
306) !default; 128$display--font-weight--sm: props.def(--o-heading--display--sm--font-weight, bold) !default;
307$display--line-height--sm: props.def( 129$display--letter-spacing--sm: props.def(--o-heading--display--sm--letter-spacing, 0) !default;
308 --o-heading--display--sm--line-height, 130$display--feature-settings--sm: props.def(--o-heading--display--sm--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
309 props.get(core.$font--standard--line-height) 131$display--text-transform--sm: props.def(--o-heading--display--sm--text-transform, none) !default;
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;
322 132
323$display--font-family--xs: props.def( 133$display--font-family--xs: props.def(--o-heading--display--xs--font-family, props.get(core.$font--standard--family)) !default;
324 --o-heading--display--xs--font-family, 134$display--line-height--xs: props.def(--o-heading--display--xs--line-height, props.get(core.$font--standard--line-height)) !default;
325 props.get(core.$font--standard--family) 135$display--font-size--xs: props.def(--o-heading--display--xs--font-size, props.get(core.$font-size--50)) !default;
326) !default; 136$display--font-weight--xs: props.def(--o-heading--display--xs--font-weight, normal) !default;
327$display--line-height--xs: props.def( 137$display--letter-spacing--xs: props.def(--o-heading--display--xs--letter-spacing, 1px) !default;
328 --o-heading--display--xs--line-height, 138$display--feature-settings--xs: props.def(--o-heading--display--xs--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
329 props.get(core.$font--standard--line-height) 139$display--text-transform--xs: props.def(--o-heading--display--xs--text-transform, none) !default;
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;
342 140
343$display--font-size--xxl--md: props.def( 141$display--font-size--xxl--md: props.def(--o-heading--display--xxl--font-size, props.get(core.$font-size--900), 'md') !default;
344 --o-heading--display--xxl--font-size, 142$display--font-size--xl--md: props.def(--o-heading--display--xl--font-size, props.get(core.$font-size--600), 'md') !default;
345 props.get(core.$font-size--900), 143$display--font-size--lg--md: props.def(--o-heading--display--lg--font-size, props.get(core.$font-size--200), 'md') !default;
346 "md" 144$display--font-size--md--md: props.def(--o-heading--display--md--font-size, props.get(core.$font-size--100), 'md') !default;
347) !default; 145$display--font-size--sm--md: props.def(--o-heading--display--sm--font-size, props.get(core.$font-size--75), 'md') !default;
348$display--font-size--xl--md: props.def( 146$display--font-size--xs--md: props.def(--o-heading--display--xs--font-size, props.get(core.$font-size--50), 'md') !default;
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;
373 147
374$display--sizes: ( 148$display--sizes: (
375 "xs" $display--font-family--xs $display--line-height--xs $display--font-size--xs 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,
376 $display--font-weight--xs $display--letter-spacing--xs $display--feature-settings--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,
377 $display--text-transform--xs $display--text-color--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,
378 "sm" $display--font-family--sm $display--line-height--sm $display--font-size--sm 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,
379 $display--font-weight--sm $display--letter-spacing--sm $display--feature-settings--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,
380 $display--text-transform--sm $display--text-color--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,
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
393) !default; 155) !default;
394 156
395$static-themes: props.def(--o-heading, (), "color"); 157$static-themes: props.def(--o-heading, (), 'color');
396 158
397@each $theme in map.keys(props.get(core.$transparent-colors)) { 159@each $theme in map.keys(props.get(core.$transparent-colors)) {
398 $heading-theme: --static-#{string.slice($theme, 3)}; 160 $heading-theme: --static-#{string.slice($theme, 3)};
399 161
400 $static-themes: props.merge( 162 $static-themes: props.merge($static-themes, (
401 $static-themes, 163 $heading-theme: (
402 ( 164 --bg-color: props.get(core.$transparent-colors, $theme, --200),
403 $heading-theme: ( 165 --text-color: props.get(core.$transparent-colors, $theme, --900),
404 --bg-color: props.get(core.$transparent-colors, $theme, --200),
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 166
425 --display: ( 167 --xxl: (
426 --xxl: ( 168 --text-color: props.get(core.$transparent-colors, $theme, --900),
427 --text-color: props.get( 169 ),
428 core.$transparent-colors, 170 --xl: (
429 $theme, 171 --text-color: props.get(core.$transparent-colors, $theme, --900),
430 --900 172 ),
431 ), 173 --lg: (
432 ), 174 --text-color: props.get(core.$transparent-colors, $theme, --900),
433 --xl: ( 175 ),
434 --text-color: props.get( 176 --md: (
435 core.$transparent-colors, 177 --text-color: props.get(core.$transparent-colors, $theme, --900),
436 $theme, 178 ),
437 --900 179 --sm: (
438 ), 180 --text-color: props.get(core.$transparent-colors, $theme, --500),
439 ), 181 ),
440 --lg: ( 182 --xs: (
441 --text-color: props.get( 183 --text-color: props.get(core.$transparent-colors, $theme, --500),
442 core.$transparent-colors, 184 ),
443 $theme, 185
444 --900 186 --display: (
445 ), 187 --xxl: (
446 ), 188 --text-color: props.get(core.$transparent-colors, $theme, --900),
447 --md: ( 189 ),
448 --text-color: props.get( 190 --xl: (
449 core.$transparent-colors, 191 --text-color: props.get(core.$transparent-colors, $theme, --900),
450 $theme, 192 ),
451 --900 193 --lg: (
452 ), 194 --text-color: props.get(core.$transparent-colors, $theme, --900),
453 ), 195 ),
454 --sm: ( 196 --md: (
455 --text-color: props.get( 197 --text-color: props.get(core.$transparent-colors, $theme, --900),
456 core.$transparent-colors, 198 ),
457 $theme, 199 --sm: (
458 --900 200 --text-color: props.get(core.$transparent-colors, $theme, --900),
459 ), 201 ),
460 ), 202 --xs: (
461 --xs: ( 203 --text-color: props.get(core.$transparent-colors, $theme, --500),
462 --text-color: props.get(
463 core.$transparent-colors,
464 $theme,
465 --500
466 ),
467 ),
468 ),
469 ), 204 ),
205 ),
470 ) 206 )
471 ); 207 ));
472} 208}
generated by cgit v1.3.1 (git 2.54.0) at 2026-07-22 23:15:09 +0000