@rescui/typography 0.19.1 → 0.19.2-RUI-226-Update-card-cn-6e43cc89.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/lib/font-jb-sans-auto-cn-cdn.css +9 -9
  2. package/lib/font-jb-sans-auto.css +9 -9
  3. package/lib/font-jb-sans-cn-cdn.css +6 -6
  4. package/lib/font-jb-sans-variable-cn-cdn.css +3 -3
  5. package/lib/font-jb-sans-variable.css +3 -3
  6. package/lib/font-jb-sans.css +6 -6
  7. package/lib/index-moduled.css +342 -256
  8. package/lib/index-moduled.p.module.css.js +120 -120
  9. package/lib/index.css +227 -141
  10. package/lib/mixins.p.css +446 -281
  11. package/lib/mixins.pcss +446 -281
  12. package/lib/public-api.p.css +894 -414
  13. package/lib/public-api.pcss +894 -414
  14. package/package.json +7 -6
package/lib/mixins.pcss CHANGED
@@ -8,7 +8,13 @@
8
8
  @define-mixin rs-typography-dark{
9
9
  }
10
10
  @define-mixin rs-super-hero-base{
11
- --_rs-typography-letter-spacing:-0.02em;
11
+ --_rs-typography-letter-spacing:var(
12
+ --_rs-typography-super-hero-sm-letter-spacing,
13
+ var(
14
+ --_rs-typography-super-hero-md-letter-spacing,
15
+ var(--rs-super-hero-letter-spacing, -0.02em)
16
+ )
17
+ );
12
18
  --_rs-typography-text-transform:initial;
13
19
  --_rs-typography-font-variant-numeric:initial;
14
20
  --_rs-typography-font-family:var(
@@ -18,16 +24,22 @@
18
24
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
19
25
  );
20
26
  --_rs-typography-font-size:var(
21
- --rs-super-hero-font-size,
22
- 142px
27
+ --_rs-typography-super-hero-sm-font-size,
28
+ var(
29
+ --_rs-typography-super-hero-md-font-size,
30
+ var(--rs-super-hero-font-size, 142px)
31
+ )
23
32
  );
24
33
  --_rs-typography-font-weight:var(
25
34
  --rs-font-weight-semi-bold,
26
35
  600
27
36
  );
28
37
  --_rs-typography-line-height:var(
29
- --rs-super-hero-line-height,
30
- 142px
38
+ --_rs-typography-super-hero-sm-line-height,
39
+ var(
40
+ --_rs-typography-super-hero-md-line-height,
41
+ var(--rs-super-hero-line-height, 142px)
42
+ )
31
43
  );
32
44
  --_rs-typography-base-color:var(
33
45
  --_rs-typography-heading-hardness-color,
@@ -42,32 +54,39 @@
42
54
  --_rs-typography-list-li-margin-top-from-text:initial;
43
55
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
44
56
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
45
- --_rs-typography-link-border-bottom-width-from-text:4px;
57
+ --_rs-typography-link-border-bottom-width-from-text:var(
58
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
59
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
60
+ );
46
61
  @media screen and (max-width: 1000px){
47
- --_rs-typography-font-size:var(
48
- --rs-middle-hero-font-size,
49
- 92px
50
- );
51
- --_rs-typography-line-height:var(
52
- --rs-middle-hero-line-height,
53
- 92px
54
- );
55
- --_rs-typography-letter-spacing:-0.008em;
56
-
57
- --_rs-typography-link-border-bottom-width-from-text:3px;
62
+ --_rs-typography-super-hero-md-font-size:var(
63
+ --rs-middle-hero-font-size,
64
+ 92px
65
+ );
66
+ --_rs-typography-super-hero-md-line-height:var(
67
+ --rs-middle-hero-line-height,
68
+ 92px
69
+ );
70
+ --_rs-typography-super-hero-md-letter-spacing:var(
71
+ --rs-middle-hero-letter-spacing,
72
+ -0.008em
73
+ );
74
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
58
75
  }
59
76
  @media screen and (max-width: 640px){
60
- --_rs-typography-font-size:var(
61
- --rs-middle-hero-font-size-mobile,
62
- 58px
63
- );
64
- --_rs-typography-line-height:var(
65
- --rs-middle-hero-line-height-mobile,
66
- 62px
67
- );
68
- --_rs-typography-letter-spacing:-0.0007em;
69
-
70
- --_rs-typography-link-border-bottom-width-from-text:2px;
77
+ --_rs-typography-super-hero-sm-font-size:var(
78
+ --rs-middle-hero-font-size-mobile,
79
+ 58px
80
+ );
81
+ --_rs-typography-super-hero-sm-line-height:var(
82
+ --rs-middle-hero-line-height-mobile,
83
+ 62px
84
+ );
85
+ --_rs-typography-super-hero-sm-letter-spacing:var(
86
+ --rs-middle-hero-letter-spacing-mobile,
87
+ -0.0007em
88
+ );
89
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
71
90
  }
72
91
  letter-spacing:var(
73
92
  --rs-text-base-letter-spacing,
@@ -82,7 +101,13 @@
82
101
  font-feature-settings:'kern', 'liga', 'calt';
83
102
  }
84
103
  @define-mixin rs-super-hero{
85
- --_rs-typography-letter-spacing:-0.02em;
104
+ --_rs-typography-letter-spacing:var(
105
+ --_rs-typography-super-hero-sm-letter-spacing,
106
+ var(
107
+ --_rs-typography-super-hero-md-letter-spacing,
108
+ var(--rs-super-hero-letter-spacing, -0.02em)
109
+ )
110
+ );
86
111
  --_rs-typography-text-transform:initial;
87
112
  --_rs-typography-font-variant-numeric:initial;
88
113
  --_rs-typography-font-family:var(
@@ -92,16 +117,22 @@
92
117
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
93
118
  );
94
119
  --_rs-typography-font-size:var(
95
- --rs-super-hero-font-size,
96
- 142px
120
+ --_rs-typography-super-hero-sm-font-size,
121
+ var(
122
+ --_rs-typography-super-hero-md-font-size,
123
+ var(--rs-super-hero-font-size, 142px)
124
+ )
97
125
  );
98
126
  --_rs-typography-font-weight:var(
99
127
  --rs-font-weight-semi-bold,
100
128
  600
101
129
  );
102
130
  --_rs-typography-line-height:var(
103
- --rs-super-hero-line-height,
104
- 142px
131
+ --_rs-typography-super-hero-sm-line-height,
132
+ var(
133
+ --_rs-typography-super-hero-md-line-height,
134
+ var(--rs-super-hero-line-height, 142px)
135
+ )
105
136
  );
106
137
  --_rs-typography-base-color:var(
107
138
  --_rs-typography-heading-hardness-color,
@@ -116,32 +147,39 @@
116
147
  --_rs-typography-list-li-margin-top-from-text:initial;
117
148
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
118
149
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
119
- --_rs-typography-link-border-bottom-width-from-text:4px;
150
+ --_rs-typography-link-border-bottom-width-from-text:var(
151
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
152
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
153
+ );
120
154
  @media screen and (max-width: 1000px){
121
- --_rs-typography-font-size:var(
122
- --rs-middle-hero-font-size,
123
- 92px
124
- );
125
- --_rs-typography-line-height:var(
126
- --rs-middle-hero-line-height,
127
- 92px
128
- );
129
- --_rs-typography-letter-spacing:-0.008em;
130
-
131
- --_rs-typography-link-border-bottom-width-from-text:3px;
155
+ --_rs-typography-super-hero-md-font-size:var(
156
+ --rs-middle-hero-font-size,
157
+ 92px
158
+ );
159
+ --_rs-typography-super-hero-md-line-height:var(
160
+ --rs-middle-hero-line-height,
161
+ 92px
162
+ );
163
+ --_rs-typography-super-hero-md-letter-spacing:var(
164
+ --rs-middle-hero-letter-spacing,
165
+ -0.008em
166
+ );
167
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
132
168
  }
133
169
  @media screen and (max-width: 640px){
134
- --_rs-typography-font-size:var(
135
- --rs-middle-hero-font-size-mobile,
136
- 58px
137
- );
138
- --_rs-typography-line-height:var(
139
- --rs-middle-hero-line-height-mobile,
140
- 62px
141
- );
142
- --_rs-typography-letter-spacing:-0.0007em;
143
-
144
- --_rs-typography-link-border-bottom-width-from-text:2px;
170
+ --_rs-typography-super-hero-sm-font-size:var(
171
+ --rs-middle-hero-font-size-mobile,
172
+ 58px
173
+ );
174
+ --_rs-typography-super-hero-sm-line-height:var(
175
+ --rs-middle-hero-line-height-mobile,
176
+ 62px
177
+ );
178
+ --_rs-typography-super-hero-sm-letter-spacing:var(
179
+ --rs-middle-hero-letter-spacing-mobile,
180
+ -0.0007em
181
+ );
182
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
145
183
  }
146
184
  letter-spacing:var(
147
185
  --rs-text-base-letter-spacing,
@@ -185,7 +223,10 @@
185
223
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
186
224
  }
187
225
  @define-mixin rs-middle-hero-base{
188
- --_rs-typography-letter-spacing:-0.008em;
226
+ --_rs-typography-letter-spacing:var(
227
+ --_rs-typography-middle-hero-sm-letter-spacing,
228
+ var(--rs-middle-hero-letter-spacing, -0.008em)
229
+ );
189
230
  --_rs-typography-text-transform:initial;
190
231
  --_rs-typography-font-variant-numeric:initial;
191
232
  --_rs-typography-font-family:var(
@@ -195,16 +236,16 @@
195
236
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
196
237
  );
197
238
  --_rs-typography-font-size:var(
198
- --rs-middle-hero-font-size,
199
- 92px
239
+ --_rs-typography-middle-hero-sm-font-size,
240
+ var(--rs-middle-hero-font-size, 92px)
200
241
  );
201
242
  --_rs-typography-font-weight:var(
202
243
  --rs-font-weight-semi-bold,
203
244
  600
204
245
  );
205
246
  --_rs-typography-line-height:var(
206
- --rs-middle-hero-line-height,
207
- 92px
247
+ --_rs-typography-middle-hero-sm-line-height,
248
+ var(--rs-middle-hero-line-height, 92px)
208
249
  );
209
250
  --_rs-typography-base-color:var(
210
251
  --_rs-typography-heading-hardness-color,
@@ -219,19 +260,24 @@
219
260
  --_rs-typography-list-li-margin-top-from-text:initial;
220
261
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
221
262
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
222
- --_rs-typography-link-border-bottom-width-from-text:3px;
263
+ --_rs-typography-link-border-bottom-width-from-text:var(
264
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
265
+ 3px
266
+ );
223
267
  @media screen and (max-width: 640px){
224
- --_rs-typography-font-size:var(
225
- --rs-middle-hero-font-size-mobile,
226
- 58px
227
- );
228
- --_rs-typography-line-height:var(
229
- --rs-middle-hero-line-height-mobile,
230
- 62px
231
- );
232
- --_rs-typography-letter-spacing:-0.0007em;
233
-
234
- --_rs-typography-link-border-bottom-width-from-text:2px;
268
+ --_rs-typography-middle-hero-sm-font-size:var(
269
+ --rs-middle-hero-font-size-mobile,
270
+ 58px
271
+ );
272
+ --_rs-typography-middle-hero-sm-line-height:var(
273
+ --rs-middle-hero-line-height-mobile,
274
+ 62px
275
+ );
276
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
277
+ --rs-middle-hero-letter-spacing-mobile,
278
+ -0.0007em
279
+ );
280
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
235
281
  }
236
282
  letter-spacing:var(
237
283
  --rs-text-base-letter-spacing,
@@ -246,7 +292,10 @@
246
292
  font-feature-settings:'kern', 'liga', 'calt';
247
293
  }
248
294
  @define-mixin rs-middle-hero{
249
- --_rs-typography-letter-spacing:-0.008em;
295
+ --_rs-typography-letter-spacing:var(
296
+ --_rs-typography-middle-hero-sm-letter-spacing,
297
+ var(--rs-middle-hero-letter-spacing, -0.008em)
298
+ );
250
299
  --_rs-typography-text-transform:initial;
251
300
  --_rs-typography-font-variant-numeric:initial;
252
301
  --_rs-typography-font-family:var(
@@ -256,16 +305,16 @@
256
305
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
257
306
  );
258
307
  --_rs-typography-font-size:var(
259
- --rs-middle-hero-font-size,
260
- 92px
308
+ --_rs-typography-middle-hero-sm-font-size,
309
+ var(--rs-middle-hero-font-size, 92px)
261
310
  );
262
311
  --_rs-typography-font-weight:var(
263
312
  --rs-font-weight-semi-bold,
264
313
  600
265
314
  );
266
315
  --_rs-typography-line-height:var(
267
- --rs-middle-hero-line-height,
268
- 92px
316
+ --_rs-typography-middle-hero-sm-line-height,
317
+ var(--rs-middle-hero-line-height, 92px)
269
318
  );
270
319
  --_rs-typography-base-color:var(
271
320
  --_rs-typography-heading-hardness-color,
@@ -280,19 +329,24 @@
280
329
  --_rs-typography-list-li-margin-top-from-text:initial;
281
330
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
282
331
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
283
- --_rs-typography-link-border-bottom-width-from-text:3px;
332
+ --_rs-typography-link-border-bottom-width-from-text:var(
333
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
334
+ 3px
335
+ );
284
336
  @media screen and (max-width: 640px){
285
- --_rs-typography-font-size:var(
286
- --rs-middle-hero-font-size-mobile,
287
- 58px
288
- );
289
- --_rs-typography-line-height:var(
290
- --rs-middle-hero-line-height-mobile,
291
- 62px
292
- );
293
- --_rs-typography-letter-spacing:-0.0007em;
294
-
295
- --_rs-typography-link-border-bottom-width-from-text:2px;
337
+ --_rs-typography-middle-hero-sm-font-size:var(
338
+ --rs-middle-hero-font-size-mobile,
339
+ 58px
340
+ );
341
+ --_rs-typography-middle-hero-sm-line-height:var(
342
+ --rs-middle-hero-line-height-mobile,
343
+ 62px
344
+ );
345
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
346
+ --rs-middle-hero-letter-spacing-mobile,
347
+ -0.0007em
348
+ );
349
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
296
350
  }
297
351
  letter-spacing:var(
298
352
  --rs-text-base-letter-spacing,
@@ -420,7 +474,7 @@
420
474
  );
421
475
  }
422
476
  @define-mixin rs-digits-1-base{
423
- --_rs-typography-letter-spacing:-0.005em;
477
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
424
478
  --_rs-typography-text-transform:initial;
425
479
  --_rs-typography-font-variant-numeric:tabular-nums;
426
480
  --_rs-typography-font-family:var(
@@ -430,16 +484,16 @@
430
484
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
431
485
  );
432
486
  --_rs-typography-font-size:var(
433
- --rs-digits-1-font-size,
434
- 69px
487
+ --_rs-typography-digits-1-sm-font-size,
488
+ var(--rs-digits-1-font-size, 69px)
435
489
  );
436
490
  --_rs-typography-font-weight:var(
437
491
  --rs-font-weight-light,
438
492
  300
439
493
  );
440
494
  --_rs-typography-line-height:var(
441
- --rs-digits-1-line-height,
442
- 71px
495
+ --_rs-typography-digits-1-sm-line-height,
496
+ var(--rs-digits-1-line-height, 71px)
443
497
  );
444
498
  --_rs-typography-base-color:var(
445
499
  --_rs-typography-hardness-color,
@@ -454,12 +508,17 @@
454
508
  --_rs-typography-list-li-margin-top-from-text:initial;
455
509
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
456
510
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
457
- --_rs-typography-link-border-bottom-width-from-text:3px;
511
+ --_rs-typography-link-border-bottom-width-from-text:var(
512
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
513
+ 3px
514
+ );
458
515
  @media screen and (max-width: 640px){
459
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
460
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
461
-
462
- --_rs-typography-link-border-bottom-width-from-text:2px;
516
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
517
+ --_rs-typography-digits-1-sm-line-height:var(
518
+ --rs-digits-2-line-height,
519
+ 44px
520
+ );
521
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
463
522
  }
464
523
  letter-spacing:var(
465
524
  --rs-text-base-letter-spacing,
@@ -474,7 +533,7 @@
474
533
  font-feature-settings:'kern', 'liga', 'calt';
475
534
  }
476
535
  @define-mixin rs-digits-1{
477
- --_rs-typography-letter-spacing:-0.005em;
536
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
478
537
  --_rs-typography-text-transform:initial;
479
538
  --_rs-typography-font-variant-numeric:tabular-nums;
480
539
  --_rs-typography-font-family:var(
@@ -484,16 +543,16 @@
484
543
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
485
544
  );
486
545
  --_rs-typography-font-size:var(
487
- --rs-digits-1-font-size,
488
- 69px
546
+ --_rs-typography-digits-1-sm-font-size,
547
+ var(--rs-digits-1-font-size, 69px)
489
548
  );
490
549
  --_rs-typography-font-weight:var(
491
550
  --rs-font-weight-light,
492
551
  300
493
552
  );
494
553
  --_rs-typography-line-height:var(
495
- --rs-digits-1-line-height,
496
- 71px
554
+ --_rs-typography-digits-1-sm-line-height,
555
+ var(--rs-digits-1-line-height, 71px)
497
556
  );
498
557
  --_rs-typography-base-color:var(
499
558
  --_rs-typography-hardness-color,
@@ -508,12 +567,17 @@
508
567
  --_rs-typography-list-li-margin-top-from-text:initial;
509
568
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
510
569
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
511
- --_rs-typography-link-border-bottom-width-from-text:3px;
570
+ --_rs-typography-link-border-bottom-width-from-text:var(
571
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
572
+ 3px
573
+ );
512
574
  @media screen and (max-width: 640px){
513
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
514
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
515
-
516
- --_rs-typography-link-border-bottom-width-from-text:2px;
575
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
576
+ --_rs-typography-digits-1-sm-line-height:var(
577
+ --rs-digits-2-line-height,
578
+ 44px
579
+ );
580
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
517
581
  }
518
582
  letter-spacing:var(
519
583
  --rs-text-base-letter-spacing,
@@ -557,7 +621,7 @@
557
621
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
558
622
  }
559
623
  @define-mixin rs-digits-2-base{
560
- --_rs-typography-letter-spacing:-0.005em;
624
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
561
625
  --_rs-typography-text-transform:initial;
562
626
  --_rs-typography-font-variant-numeric:tabular-nums;
563
627
  --_rs-typography-font-family:var(
@@ -605,7 +669,7 @@
605
669
  font-feature-settings:'kern', 'liga', 'calt';
606
670
  }
607
671
  @define-mixin rs-digits-2{
608
- --_rs-typography-letter-spacing:-0.005em;
672
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
609
673
  --_rs-typography-text-transform:initial;
610
674
  --_rs-typography-font-variant-numeric:tabular-nums;
611
675
  --_rs-typography-font-family:var(
@@ -682,7 +746,10 @@
682
746
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
683
747
  }
684
748
  @define-mixin rs-hero-base{
685
- --_rs-typography-letter-spacing:-0.005em;
749
+ --_rs-typography-letter-spacing:var(
750
+ --_rs-typography-hero-sm-letter-spacing,
751
+ var(--rs-hero-letter-spacing, -0.005em)
752
+ );
686
753
  --_rs-typography-text-transform:initial;
687
754
  --_rs-typography-font-variant-numeric:initial;
688
755
  --_rs-typography-font-family:var(
@@ -691,14 +758,17 @@
691
758
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
692
759
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
693
760
  );
694
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
761
+ --_rs-typography-font-size:var(
762
+ --_rs-typography-hero-sm-font-size,
763
+ var(--rs-hero-font-size, 72px)
764
+ );
695
765
  --_rs-typography-font-weight:var(
696
766
  --rs-font-weight-semi-bold,
697
767
  600
698
768
  );
699
769
  --_rs-typography-line-height:var(
700
- --rs-hero-line-height,
701
- 72px
770
+ --_rs-typography-hero-sm-line-height,
771
+ var(--rs-hero-line-height, 72px)
702
772
  );
703
773
  --_rs-typography-base-color:var(
704
774
  --_rs-typography-heading-hardness-color,
@@ -713,19 +783,24 @@
713
783
  --_rs-typography-list-li-margin-top-from-text:initial;
714
784
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
715
785
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
716
- --_rs-typography-link-border-bottom-width-from-text:3px;
786
+ --_rs-typography-link-border-bottom-width-from-text:var(
787
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
788
+ 3px
789
+ );
717
790
  @media screen and (max-width: 640px){
718
- --_rs-typography-font-size:var(
719
- --rs-hero-font-size-mobile,
720
- 42px
721
- );
722
- --_rs-typography-line-height:var(
723
- --rs-hero-line-height-mobile,
724
- 50px
725
- );
726
- --_rs-typography-letter-spacing:-0.001em;
727
-
728
- --_rs-typography-link-border-bottom-width-from-text:2px;
791
+ --_rs-typography-hero-sm-font-size:var(
792
+ --rs-hero-font-size-mobile,
793
+ 42px
794
+ );
795
+ --_rs-typography-hero-sm-line-height:var(
796
+ --rs-hero-line-height-mobile,
797
+ 50px
798
+ );
799
+ --_rs-typography-hero-sm-letter-spacing:var(
800
+ --rs-hero-letter-spacing-mobile,
801
+ -0.001em
802
+ );
803
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
729
804
  }
730
805
  letter-spacing:var(
731
806
  --rs-text-base-letter-spacing,
@@ -740,7 +815,10 @@
740
815
  font-feature-settings:'kern', 'liga', 'calt';
741
816
  }
742
817
  @define-mixin rs-hero{
743
- --_rs-typography-letter-spacing:-0.005em;
818
+ --_rs-typography-letter-spacing:var(
819
+ --_rs-typography-hero-sm-letter-spacing,
820
+ var(--rs-hero-letter-spacing, -0.005em)
821
+ );
744
822
  --_rs-typography-text-transform:initial;
745
823
  --_rs-typography-font-variant-numeric:initial;
746
824
  --_rs-typography-font-family:var(
@@ -749,14 +827,17 @@
749
827
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
750
828
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
751
829
  );
752
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
830
+ --_rs-typography-font-size:var(
831
+ --_rs-typography-hero-sm-font-size,
832
+ var(--rs-hero-font-size, 72px)
833
+ );
753
834
  --_rs-typography-font-weight:var(
754
835
  --rs-font-weight-semi-bold,
755
836
  600
756
837
  );
757
838
  --_rs-typography-line-height:var(
758
- --rs-hero-line-height,
759
- 72px
839
+ --_rs-typography-hero-sm-line-height,
840
+ var(--rs-hero-line-height, 72px)
760
841
  );
761
842
  --_rs-typography-base-color:var(
762
843
  --_rs-typography-heading-hardness-color,
@@ -771,19 +852,24 @@
771
852
  --_rs-typography-list-li-margin-top-from-text:initial;
772
853
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
773
854
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
774
- --_rs-typography-link-border-bottom-width-from-text:3px;
855
+ --_rs-typography-link-border-bottom-width-from-text:var(
856
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
857
+ 3px
858
+ );
775
859
  @media screen and (max-width: 640px){
776
- --_rs-typography-font-size:var(
777
- --rs-hero-font-size-mobile,
778
- 42px
779
- );
780
- --_rs-typography-line-height:var(
781
- --rs-hero-line-height-mobile,
782
- 50px
783
- );
784
- --_rs-typography-letter-spacing:-0.001em;
785
-
786
- --_rs-typography-link-border-bottom-width-from-text:2px;
860
+ --_rs-typography-hero-sm-font-size:var(
861
+ --rs-hero-font-size-mobile,
862
+ 42px
863
+ );
864
+ --_rs-typography-hero-sm-line-height:var(
865
+ --rs-hero-line-height-mobile,
866
+ 50px
867
+ );
868
+ --_rs-typography-hero-sm-letter-spacing:var(
869
+ --rs-hero-letter-spacing-mobile,
870
+ -0.001em
871
+ );
872
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
787
873
  }
788
874
  letter-spacing:var(
789
875
  --rs-text-base-letter-spacing,
@@ -827,7 +913,7 @@
827
913
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
828
914
  }
829
915
  @define-mixin rs-subtitle-1-base{
830
- --_rs-typography-letter-spacing:normal;
916
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
831
917
  --_rs-typography-text-transform:initial;
832
918
  --_rs-typography-font-variant-numeric:initial;
833
919
  --_rs-typography-font-family:var(
@@ -837,16 +923,16 @@
837
923
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
838
924
  );
839
925
  --_rs-typography-font-size:var(
840
- --rs-subtitle-1-font-size,
841
- 39px
926
+ --_rs-typography-subtitle-1-sm-font-size,
927
+ var(--rs-subtitle-1-font-size, 39px)
842
928
  );
843
929
  --_rs-typography-font-weight:var(
844
930
  --rs-font-weight-light,
845
931
  300
846
932
  );
847
933
  --_rs-typography-line-height:var(
848
- --rs-subtitle-1-line-height,
849
- 49px
934
+ --_rs-typography-subtitle-1-sm-line-height,
935
+ var(--rs-subtitle-1-line-height, 49px)
850
936
  );
851
937
  --_rs-typography-base-color:var(
852
938
  --_rs-typography-hardness-color,
@@ -863,14 +949,14 @@
863
949
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
864
950
  --_rs-typography-link-border-bottom-width-from-text:2px;
865
951
  @media screen and (max-width: 640px){
866
- --_rs-typography-font-size:var(
867
- --rs-subtitle-2-font-size-mobile,
868
- 23px
869
- );
870
- --_rs-typography-line-height:var(
871
- --rs-subtitle-2-line-height-mobile,
872
- 30px
873
- );
952
+ --_rs-typography-subtitle-1-sm-font-size:var(
953
+ --rs-subtitle-2-font-size-mobile,
954
+ 23px
955
+ );
956
+ --_rs-typography-subtitle-1-sm-line-height:var(
957
+ --rs-subtitle-2-line-height-mobile,
958
+ 30px
959
+ );
874
960
  }
875
961
  letter-spacing:var(
876
962
  --rs-text-base-letter-spacing,
@@ -885,7 +971,7 @@
885
971
  font-feature-settings:'kern', 'liga', 'calt';
886
972
  }
887
973
  @define-mixin rs-subtitle-1{
888
- --_rs-typography-letter-spacing:normal;
974
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
889
975
  --_rs-typography-text-transform:initial;
890
976
  --_rs-typography-font-variant-numeric:initial;
891
977
  --_rs-typography-font-family:var(
@@ -895,16 +981,16 @@
895
981
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
896
982
  );
897
983
  --_rs-typography-font-size:var(
898
- --rs-subtitle-1-font-size,
899
- 39px
984
+ --_rs-typography-subtitle-1-sm-font-size,
985
+ var(--rs-subtitle-1-font-size, 39px)
900
986
  );
901
987
  --_rs-typography-font-weight:var(
902
988
  --rs-font-weight-light,
903
989
  300
904
990
  );
905
991
  --_rs-typography-line-height:var(
906
- --rs-subtitle-1-line-height,
907
- 49px
992
+ --_rs-typography-subtitle-1-sm-line-height,
993
+ var(--rs-subtitle-1-line-height, 49px)
908
994
  );
909
995
  --_rs-typography-base-color:var(
910
996
  --_rs-typography-hardness-color,
@@ -921,14 +1007,14 @@
921
1007
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
922
1008
  --_rs-typography-link-border-bottom-width-from-text:2px;
923
1009
  @media screen and (max-width: 640px){
924
- --_rs-typography-font-size:var(
925
- --rs-subtitle-2-font-size-mobile,
926
- 23px
927
- );
928
- --_rs-typography-line-height:var(
929
- --rs-subtitle-2-line-height-mobile,
930
- 30px
931
- );
1010
+ --_rs-typography-subtitle-1-sm-font-size:var(
1011
+ --rs-subtitle-2-font-size-mobile,
1012
+ 23px
1013
+ );
1014
+ --_rs-typography-subtitle-1-sm-line-height:var(
1015
+ --rs-subtitle-2-line-height-mobile,
1016
+ 30px
1017
+ );
932
1018
  }
933
1019
  letter-spacing:var(
934
1020
  --rs-text-base-letter-spacing,
@@ -972,7 +1058,10 @@
972
1058
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
973
1059
  }
974
1060
  @define-mixin rs-h1-base{
975
- --_rs-typography-letter-spacing:-0.001em;
1061
+ --_rs-typography-letter-spacing:var(
1062
+ --_rs-typography-h1-sm-letter-spacing,
1063
+ var(--rs-h1-letter-spacing, -0.001em)
1064
+ );
976
1065
  --_rs-typography-text-transform:initial;
977
1066
  --_rs-typography-font-variant-numeric:initial;
978
1067
  --_rs-typography-font-family:var(
@@ -981,12 +1070,18 @@
981
1070
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
982
1071
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
983
1072
  );
984
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
1073
+ --_rs-typography-font-size:var(
1074
+ --_rs-typography-h1-sm-font-size,
1075
+ var(--rs-h1-font-size, 43px)
1076
+ );
985
1077
  --_rs-typography-font-weight:var(
986
1078
  --rs-font-weight-semi-bold,
987
1079
  600
988
1080
  );
989
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1081
+ --_rs-typography-line-height:var(
1082
+ --_rs-typography-h1-sm-line-height,
1083
+ var(--rs-h1-line-height, 49px)
1084
+ );
990
1085
  --_rs-typography-base-color:var(
991
1086
  --_rs-typography-heading-hardness-color,
992
1087
  var(
@@ -1002,15 +1097,18 @@
1002
1097
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1003
1098
  --_rs-typography-link-border-bottom-width-from-text:2px;
1004
1099
  @media screen and (max-width: 640px){
1005
- --_rs-typography-font-size:var(
1006
- --rs-h1-font-size-mobile,
1007
- 35px
1008
- );
1009
- --_rs-typography-line-height:var(
1010
- --rs-h1-line-height-mobile,
1011
- 39px
1012
- );
1013
- --_rs-typography-letter-spacing:normal;
1100
+ --_rs-typography-h1-sm-font-size:var(
1101
+ --rs-h1-font-size-mobile,
1102
+ 35px
1103
+ );
1104
+ --_rs-typography-h1-sm-line-height:var(
1105
+ --rs-h1-line-height-mobile,
1106
+ 39px
1107
+ );
1108
+ --_rs-typography-h1-sm-letter-spacing:var(
1109
+ --rs-h1-letter-spacing-mobile,
1110
+ normal
1111
+ );
1014
1112
  }
1015
1113
  letter-spacing:var(
1016
1114
  --rs-text-base-letter-spacing,
@@ -1025,7 +1123,10 @@
1025
1123
  font-feature-settings:'kern', 'liga', 'calt';
1026
1124
  }
1027
1125
  @define-mixin rs-h1{
1028
- --_rs-typography-letter-spacing:-0.001em;
1126
+ --_rs-typography-letter-spacing:var(
1127
+ --_rs-typography-h1-sm-letter-spacing,
1128
+ var(--rs-h1-letter-spacing, -0.001em)
1129
+ );
1029
1130
  --_rs-typography-text-transform:initial;
1030
1131
  --_rs-typography-font-variant-numeric:initial;
1031
1132
  --_rs-typography-font-family:var(
@@ -1034,12 +1135,18 @@
1034
1135
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1035
1136
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1036
1137
  );
1037
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
1138
+ --_rs-typography-font-size:var(
1139
+ --_rs-typography-h1-sm-font-size,
1140
+ var(--rs-h1-font-size, 43px)
1141
+ );
1038
1142
  --_rs-typography-font-weight:var(
1039
1143
  --rs-font-weight-semi-bold,
1040
1144
  600
1041
1145
  );
1042
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1146
+ --_rs-typography-line-height:var(
1147
+ --_rs-typography-h1-sm-line-height,
1148
+ var(--rs-h1-line-height, 49px)
1149
+ );
1043
1150
  --_rs-typography-base-color:var(
1044
1151
  --_rs-typography-heading-hardness-color,
1045
1152
  var(
@@ -1055,15 +1162,18 @@
1055
1162
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1056
1163
  --_rs-typography-link-border-bottom-width-from-text:2px;
1057
1164
  @media screen and (max-width: 640px){
1058
- --_rs-typography-font-size:var(
1059
- --rs-h1-font-size-mobile,
1060
- 35px
1061
- );
1062
- --_rs-typography-line-height:var(
1063
- --rs-h1-line-height-mobile,
1064
- 39px
1065
- );
1066
- --_rs-typography-letter-spacing:normal;
1165
+ --_rs-typography-h1-sm-font-size:var(
1166
+ --rs-h1-font-size-mobile,
1167
+ 35px
1168
+ );
1169
+ --_rs-typography-h1-sm-line-height:var(
1170
+ --rs-h1-line-height-mobile,
1171
+ 39px
1172
+ );
1173
+ --_rs-typography-h1-sm-letter-spacing:var(
1174
+ --rs-h1-letter-spacing-mobile,
1175
+ normal
1176
+ );
1067
1177
  }
1068
1178
  letter-spacing:var(
1069
1179
  --rs-text-base-letter-spacing,
@@ -1107,7 +1217,7 @@
1107
1217
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
1108
1218
  }
1109
1219
  @define-mixin rs-subtitle-2-base{
1110
- --_rs-typography-letter-spacing:normal;
1220
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
1111
1221
  --_rs-typography-text-transform:initial;
1112
1222
  --_rs-typography-font-variant-numeric:initial;
1113
1223
  --_rs-typography-font-family:var(
@@ -1117,16 +1227,16 @@
1117
1227
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1118
1228
  );
1119
1229
  --_rs-typography-font-size:var(
1120
- --rs-subtitle-2-font-size,
1121
- 29px
1230
+ --_rs-typography-subtitle-2-sm-font-size,
1231
+ var(--rs-subtitle-2-font-size, 29px)
1122
1232
  );
1123
1233
  --_rs-typography-font-weight:var(
1124
1234
  --rs-font-weight-light,
1125
1235
  300
1126
1236
  );
1127
1237
  --_rs-typography-line-height:var(
1128
- --rs-subtitle-2-line-height,
1129
- 39px
1238
+ --_rs-typography-subtitle-2-sm-line-height,
1239
+ var(--rs-subtitle-2-line-height, 39px)
1130
1240
  );
1131
1241
  --_rs-typography-base-color:var(
1132
1242
  --_rs-typography-hardness-color,
@@ -1143,14 +1253,14 @@
1143
1253
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1144
1254
  --_rs-typography-link-border-bottom-width-from-text:2px;
1145
1255
  @media screen and (max-width: 640px){
1146
- --_rs-typography-font-size:var(
1147
- --rs-subtitle-2-font-size-mobile,
1148
- 23px
1149
- );
1150
- --_rs-typography-line-height:var(
1151
- --rs-subtitle-2-line-height-mobile,
1152
- 30px
1153
- );
1256
+ --_rs-typography-subtitle-2-sm-font-size:var(
1257
+ --rs-subtitle-2-font-size-mobile,
1258
+ 23px
1259
+ );
1260
+ --_rs-typography-subtitle-2-sm-line-height:var(
1261
+ --rs-subtitle-2-line-height-mobile,
1262
+ 30px
1263
+ );
1154
1264
  }
1155
1265
  letter-spacing:var(
1156
1266
  --rs-text-base-letter-spacing,
@@ -1165,7 +1275,7 @@
1165
1275
  font-feature-settings:'kern', 'liga', 'calt';
1166
1276
  }
1167
1277
  @define-mixin rs-subtitle-2{
1168
- --_rs-typography-letter-spacing:normal;
1278
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
1169
1279
  --_rs-typography-text-transform:initial;
1170
1280
  --_rs-typography-font-variant-numeric:initial;
1171
1281
  --_rs-typography-font-family:var(
@@ -1175,16 +1285,16 @@
1175
1285
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1176
1286
  );
1177
1287
  --_rs-typography-font-size:var(
1178
- --rs-subtitle-2-font-size,
1179
- 29px
1288
+ --_rs-typography-subtitle-2-sm-font-size,
1289
+ var(--rs-subtitle-2-font-size, 29px)
1180
1290
  );
1181
1291
  --_rs-typography-font-weight:var(
1182
1292
  --rs-font-weight-light,
1183
1293
  300
1184
1294
  );
1185
1295
  --_rs-typography-line-height:var(
1186
- --rs-subtitle-2-line-height,
1187
- 39px
1296
+ --_rs-typography-subtitle-2-sm-line-height,
1297
+ var(--rs-subtitle-2-line-height, 39px)
1188
1298
  );
1189
1299
  --_rs-typography-base-color:var(
1190
1300
  --_rs-typography-hardness-color,
@@ -1201,14 +1311,14 @@
1201
1311
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1202
1312
  --_rs-typography-link-border-bottom-width-from-text:2px;
1203
1313
  @media screen and (max-width: 640px){
1204
- --_rs-typography-font-size:var(
1205
- --rs-subtitle-2-font-size-mobile,
1206
- 23px
1207
- );
1208
- --_rs-typography-line-height:var(
1209
- --rs-subtitle-2-line-height-mobile,
1210
- 30px
1211
- );
1314
+ --_rs-typography-subtitle-2-sm-font-size:var(
1315
+ --rs-subtitle-2-font-size-mobile,
1316
+ 23px
1317
+ );
1318
+ --_rs-typography-subtitle-2-sm-line-height:var(
1319
+ --rs-subtitle-2-line-height-mobile,
1320
+ 30px
1321
+ );
1212
1322
  }
1213
1323
  letter-spacing:var(
1214
1324
  --rs-text-base-letter-spacing,
@@ -1252,7 +1362,7 @@
1252
1362
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
1253
1363
  }
1254
1364
  @define-mixin rs-h2-base{
1255
- --_rs-typography-letter-spacing:normal;
1365
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1256
1366
  --_rs-typography-text-transform:initial;
1257
1367
  --_rs-typography-font-variant-numeric:initial;
1258
1368
  --_rs-typography-font-family:var(
@@ -1261,12 +1371,18 @@
1261
1371
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1262
1372
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1263
1373
  );
1264
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
1374
+ --_rs-typography-font-size:var(
1375
+ --_rs-typography-h2-sm-font-size,
1376
+ var(--rs-h2-font-size, 35px)
1377
+ );
1265
1378
  --_rs-typography-font-weight:var(
1266
1379
  --rs-font-weight-semi-bold,
1267
1380
  600
1268
1381
  );
1269
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1382
+ --_rs-typography-line-height:var(
1383
+ --_rs-typography-h2-sm-line-height,
1384
+ var(--rs-h2-line-height, 42px)
1385
+ );
1270
1386
  --_rs-typography-base-color:var(
1271
1387
  --_rs-typography-heading-hardness-color,
1272
1388
  var(
@@ -1282,14 +1398,14 @@
1282
1398
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1283
1399
  --_rs-typography-link-border-bottom-width-from-text:2px;
1284
1400
  @media screen and (max-width: 640px){
1285
- --_rs-typography-font-size:var(
1286
- --rs-h2-font-size-mobile,
1287
- 28px
1288
- );
1289
- --_rs-typography-line-height:var(
1290
- --rs-h2-line-height-mobile,
1291
- 32px
1292
- );
1401
+ --_rs-typography-h2-sm-font-size:var(
1402
+ --rs-h2-font-size-mobile,
1403
+ 28px
1404
+ );
1405
+ --_rs-typography-h2-sm-line-height:var(
1406
+ --rs-h2-line-height-mobile,
1407
+ 32px
1408
+ );
1293
1409
  }
1294
1410
  letter-spacing:var(
1295
1411
  --rs-text-base-letter-spacing,
@@ -1304,7 +1420,7 @@
1304
1420
  font-feature-settings:'kern', 'liga', 'calt';
1305
1421
  }
1306
1422
  @define-mixin rs-h2{
1307
- --_rs-typography-letter-spacing:normal;
1423
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1308
1424
  --_rs-typography-text-transform:initial;
1309
1425
  --_rs-typography-font-variant-numeric:initial;
1310
1426
  --_rs-typography-font-family:var(
@@ -1313,12 +1429,18 @@
1313
1429
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1314
1430
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1315
1431
  );
1316
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
1432
+ --_rs-typography-font-size:var(
1433
+ --_rs-typography-h2-sm-font-size,
1434
+ var(--rs-h2-font-size, 35px)
1435
+ );
1317
1436
  --_rs-typography-font-weight:var(
1318
1437
  --rs-font-weight-semi-bold,
1319
1438
  600
1320
1439
  );
1321
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1440
+ --_rs-typography-line-height:var(
1441
+ --_rs-typography-h2-sm-line-height,
1442
+ var(--rs-h2-line-height, 42px)
1443
+ );
1322
1444
  --_rs-typography-base-color:var(
1323
1445
  --_rs-typography-heading-hardness-color,
1324
1446
  var(
@@ -1334,14 +1456,14 @@
1334
1456
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1335
1457
  --_rs-typography-link-border-bottom-width-from-text:2px;
1336
1458
  @media screen and (max-width: 640px){
1337
- --_rs-typography-font-size:var(
1338
- --rs-h2-font-size-mobile,
1339
- 28px
1340
- );
1341
- --_rs-typography-line-height:var(
1342
- --rs-h2-line-height-mobile,
1343
- 32px
1344
- );
1459
+ --_rs-typography-h2-sm-font-size:var(
1460
+ --rs-h2-font-size-mobile,
1461
+ 28px
1462
+ );
1463
+ --_rs-typography-h2-sm-line-height:var(
1464
+ --rs-h2-line-height-mobile,
1465
+ 32px
1466
+ );
1345
1467
  }
1346
1468
  letter-spacing:var(
1347
1469
  --rs-text-base-letter-spacing,
@@ -1385,7 +1507,7 @@
1385
1507
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
1386
1508
  }
1387
1509
  @define-mixin rs-h3-base{
1388
- --_rs-typography-letter-spacing:normal;
1510
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1389
1511
  --_rs-typography-text-transform:initial;
1390
1512
  --_rs-typography-font-variant-numeric:initial;
1391
1513
  --_rs-typography-font-family:var(
@@ -1427,7 +1549,7 @@
1427
1549
  font-feature-settings:'kern', 'liga', 'calt';
1428
1550
  }
1429
1551
  @define-mixin rs-h3{
1430
- --_rs-typography-letter-spacing:normal;
1552
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1431
1553
  --_rs-typography-text-transform:initial;
1432
1554
  --_rs-typography-font-variant-numeric:initial;
1433
1555
  --_rs-typography-font-family:var(
@@ -1498,7 +1620,7 @@
1498
1620
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
1499
1621
  }
1500
1622
  @define-mixin rs-text-1-base{
1501
- --_rs-typography-letter-spacing:normal;
1623
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1502
1624
  --_rs-typography-text-transform:initial;
1503
1625
  --_rs-typography-font-variant-numeric:initial;
1504
1626
  --_rs-typography-font-family:var(
@@ -1526,12 +1648,15 @@
1526
1648
  --_rs-typography-text-auto-offset:32px;
1527
1649
  --_rs-typography-ul-list-li-padding-left:26px;
1528
1650
  --_rs-typography-ol-list-li-padding-left:32px;
1529
- --_rs-typography-list-li-margin-top-from-text:24px;
1651
+ --_rs-typography-list-li-margin-top-from-text:var(
1652
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1653
+ 24px
1654
+ );
1530
1655
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1531
1656
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1532
1657
  --_rs-typography-link-border-bottom-width-from-text:1px;
1533
1658
  @media screen and (max-width: 640px){
1534
- --_rs-typography-list-li-margin-top-from-text:16px;
1659
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1535
1660
  }
1536
1661
  letter-spacing:var(
1537
1662
  --rs-text-base-letter-spacing,
@@ -1546,7 +1671,7 @@
1546
1671
  font-feature-settings:'kern', 'liga', 'calt';
1547
1672
  }
1548
1673
  @define-mixin rs-text-1{
1549
- --_rs-typography-letter-spacing:normal;
1674
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1550
1675
  --_rs-typography-text-transform:initial;
1551
1676
  --_rs-typography-font-variant-numeric:initial;
1552
1677
  --_rs-typography-font-family:var(
@@ -1574,12 +1699,15 @@
1574
1699
  --_rs-typography-text-auto-offset:32px;
1575
1700
  --_rs-typography-ul-list-li-padding-left:26px;
1576
1701
  --_rs-typography-ol-list-li-padding-left:32px;
1577
- --_rs-typography-list-li-margin-top-from-text:24px;
1702
+ --_rs-typography-list-li-margin-top-from-text:var(
1703
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
1704
+ 24px
1705
+ );
1578
1706
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1579
1707
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1580
1708
  --_rs-typography-link-border-bottom-width-from-text:1px;
1581
1709
  @media screen and (max-width: 640px){
1582
- --_rs-typography-list-li-margin-top-from-text:16px;
1710
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1583
1711
  }
1584
1712
  letter-spacing:var(
1585
1713
  --rs-text-base-letter-spacing,
@@ -1623,7 +1751,7 @@
1623
1751
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
1624
1752
  }
1625
1753
  @define-mixin rs-h4-base{
1626
- --_rs-typography-letter-spacing:normal;
1754
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1627
1755
  --_rs-typography-text-transform:initial;
1628
1756
  --_rs-typography-font-variant-numeric:initial;
1629
1757
  --_rs-typography-font-family:var(
@@ -1665,7 +1793,7 @@
1665
1793
  font-feature-settings:'kern', 'liga', 'calt';
1666
1794
  }
1667
1795
  @define-mixin rs-h4{
1668
- --_rs-typography-letter-spacing:normal;
1796
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1669
1797
  --_rs-typography-text-transform:initial;
1670
1798
  --_rs-typography-font-variant-numeric:initial;
1671
1799
  --_rs-typography-font-family:var(
@@ -1736,7 +1864,7 @@
1736
1864
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
1737
1865
  }
1738
1866
  @define-mixin rs-text-2-base{
1739
- --_rs-typography-letter-spacing:0.0015em;
1867
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1740
1868
  --_rs-typography-text-transform:initial;
1741
1869
  --_rs-typography-font-variant-numeric:initial;
1742
1870
  --_rs-typography-font-family:var(
@@ -1764,12 +1892,15 @@
1764
1892
  --_rs-typography-text-auto-offset:16px;
1765
1893
  --_rs-typography-ul-list-li-padding-left:22px;
1766
1894
  --_rs-typography-ol-list-li-padding-left:26px;
1767
- --_rs-typography-list-li-margin-top-from-text:16px;
1895
+ --_rs-typography-list-li-margin-top-from-text:var(
1896
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1897
+ 16px
1898
+ );
1768
1899
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1769
1900
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1770
1901
  --_rs-typography-link-border-bottom-width-from-text:1px;
1771
1902
  @media screen and (max-width: 640px){
1772
- --_rs-typography-list-li-margin-top-from-text:12px;
1903
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1773
1904
  }
1774
1905
  letter-spacing:var(
1775
1906
  --rs-text-base-letter-spacing,
@@ -1784,7 +1915,7 @@
1784
1915
  font-feature-settings:'kern', 'liga', 'calt';
1785
1916
  }
1786
1917
  @define-mixin rs-text-2{
1787
- --_rs-typography-letter-spacing:0.0015em;
1918
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1788
1919
  --_rs-typography-text-transform:initial;
1789
1920
  --_rs-typography-font-variant-numeric:initial;
1790
1921
  --_rs-typography-font-family:var(
@@ -1812,12 +1943,15 @@
1812
1943
  --_rs-typography-text-auto-offset:16px;
1813
1944
  --_rs-typography-ul-list-li-padding-left:22px;
1814
1945
  --_rs-typography-ol-list-li-padding-left:26px;
1815
- --_rs-typography-list-li-margin-top-from-text:16px;
1946
+ --_rs-typography-list-li-margin-top-from-text:var(
1947
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
1948
+ 16px
1949
+ );
1816
1950
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1817
1951
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1818
1952
  --_rs-typography-link-border-bottom-width-from-text:1px;
1819
1953
  @media screen and (max-width: 640px){
1820
- --_rs-typography-list-li-margin-top-from-text:12px;
1954
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1821
1955
  }
1822
1956
  letter-spacing:var(
1823
1957
  --rs-text-base-letter-spacing,
@@ -1861,7 +1995,7 @@
1861
1995
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
1862
1996
  }
1863
1997
  @define-mixin rs-h5-base{
1864
- --_rs-typography-letter-spacing:normal;
1998
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1865
1999
  --_rs-typography-text-transform:initial;
1866
2000
  --_rs-typography-font-variant-numeric:initial;
1867
2001
  --_rs-typography-font-family:var(
@@ -1903,7 +2037,7 @@
1903
2037
  font-feature-settings:'kern', 'liga', 'calt';
1904
2038
  }
1905
2039
  @define-mixin rs-h5{
1906
- --_rs-typography-letter-spacing:normal;
2040
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1907
2041
  --_rs-typography-text-transform:initial;
1908
2042
  --_rs-typography-font-variant-numeric:initial;
1909
2043
  --_rs-typography-font-family:var(
@@ -1974,7 +2108,7 @@
1974
2108
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
1975
2109
  }
1976
2110
  @define-mixin rs-overline{
1977
- --_rs-typography-letter-spacing:0.1em;
2111
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
1978
2112
  --_rs-typography-text-transform:uppercase;
1979
2113
  --_rs-typography-font-variant-numeric:initial;
1980
2114
  --_rs-typography-font-family:var(
@@ -2052,7 +2186,7 @@
2052
2186
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
2053
2187
  }
2054
2188
  @define-mixin rs-text-3-base{
2055
- --_rs-typography-letter-spacing:0.0045em;
2189
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2056
2190
  --_rs-typography-text-transform:initial;
2057
2191
  --_rs-typography-font-variant-numeric:initial;
2058
2192
  --_rs-typography-font-family:var(
@@ -2097,7 +2231,7 @@
2097
2231
  font-feature-settings:'kern', 'liga', 'calt';
2098
2232
  }
2099
2233
  @define-mixin rs-text-3{
2100
- --_rs-typography-letter-spacing:0.0045em;
2234
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2101
2235
  --_rs-typography-text-transform:initial;
2102
2236
  --_rs-typography-font-variant-numeric:initial;
2103
2237
  --_rs-typography-font-family:var(
@@ -2177,15 +2311,21 @@
2177
2311
  --_rs-typography-list-li-margin-top:12px;
2178
2312
  }
2179
2313
  @define-mixin rs-core-list-offset-items-16{
2180
- --_rs-typography-list-li-margin-top:16px;
2314
+ --_rs-typography-list-li-margin-top:var(
2315
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
2316
+ 16px
2317
+ );
2181
2318
  @media screen and (max-width: 640px){
2182
- --_rs-typography-list-li-margin-top:12px;
2319
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
2183
2320
  }
2184
2321
  }
2185
2322
  @define-mixin rs-core-list-offset-items-24{
2186
- --_rs-typography-list-li-margin-top:24px;
2323
+ --_rs-typography-list-li-margin-top:var(
2324
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
2325
+ 24px
2326
+ );
2187
2327
  @media screen and (max-width: 640px){
2188
- --_rs-typography-list-li-margin-top:16px;
2328
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
2189
2329
  }
2190
2330
  }
2191
2331
  @define-mixin rs-ul{
@@ -2223,10 +2363,16 @@
2223
2363
  position:relative;
2224
2364
 
2225
2365
  margin-top:var(
2226
- --_rs-typography-list-li-margin-top,
2227
- var(--_rs-typography-list-li-margin-top-fallback)
2366
+ --rs-typography-list-li-margin-top,
2367
+ var(
2368
+ --_rs-typography-list-li-margin-top,
2369
+ var(--_rs-typography-list-li-margin-top-fallback)
2370
+ )
2371
+ );
2372
+ padding-left:var(
2373
+ --rs-typography-list-li-padding-left,
2374
+ var(--_rs-typography-list-li-padding-left)
2228
2375
  );
2229
- padding-left:var(--_rs-typography-list-li-padding-left);
2230
2376
 
2231
2377
  list-style-type:none;
2232
2378
  }
@@ -2256,22 +2402,28 @@
2256
2402
  }
2257
2403
 
2258
2404
  &_offset-items_16{
2259
- --_rs-typography-list-li-margin-top:16px;
2405
+ --_rs-typography-list-li-margin-top:var(
2406
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
2407
+ 16px
2408
+ );
2260
2409
  }
2261
2410
  @media screen and (max-width: 640px){
2262
2411
 
2263
2412
  &_offset-items_16{
2264
- --_rs-typography-list-li-margin-top:12px;
2413
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
2265
2414
  }
2266
2415
  }
2267
2416
 
2268
2417
  &_offset-items_24{
2269
- --_rs-typography-list-li-margin-top:24px;
2418
+ --_rs-typography-list-li-margin-top:var(
2419
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
2420
+ 24px
2421
+ );
2270
2422
  }
2271
2423
  @media screen and (max-width: 640px){
2272
2424
 
2273
2425
  &_offset-items_24{
2274
- --_rs-typography-list-li-margin-top:16px;
2426
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
2275
2427
  }
2276
2428
  }
2277
2429
  }
@@ -2310,10 +2462,16 @@
2310
2462
  position:relative;
2311
2463
 
2312
2464
  margin-top:var(
2313
- --_rs-typography-list-li-margin-top,
2314
- var(--_rs-typography-list-li-margin-top-fallback)
2465
+ --rs-typography-list-li-margin-top,
2466
+ var(
2467
+ --_rs-typography-list-li-margin-top,
2468
+ var(--_rs-typography-list-li-margin-top-fallback)
2469
+ )
2470
+ );
2471
+ padding-left:var(
2472
+ --rs-typography-list-li-padding-left,
2473
+ var(--_rs-typography-list-li-padding-left)
2315
2474
  );
2316
- padding-left:var(--_rs-typography-list-li-padding-left);
2317
2475
 
2318
2476
  list-style-type:none;
2319
2477
  }
@@ -2343,22 +2501,28 @@
2343
2501
  }
2344
2502
 
2345
2503
  &_offset-items_16{
2346
- --_rs-typography-list-li-margin-top:16px;
2504
+ --_rs-typography-list-li-margin-top:var(
2505
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
2506
+ 16px
2507
+ );
2347
2508
  }
2348
2509
  @media screen and (max-width: 640px){
2349
2510
 
2350
2511
  &_offset-items_16{
2351
- --_rs-typography-list-li-margin-top:12px;
2512
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
2352
2513
  }
2353
2514
  }
2354
2515
 
2355
2516
  &_offset-items_24{
2356
- --_rs-typography-list-li-margin-top:24px;
2517
+ --_rs-typography-list-li-margin-top:var(
2518
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
2519
+ 24px
2520
+ );
2357
2521
  }
2358
2522
  @media screen and (max-width: 640px){
2359
2523
 
2360
2524
  &_offset-items_24{
2361
- --_rs-typography-list-li-margin-top:16px;
2525
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
2362
2526
  }
2363
2527
  }
2364
2528
  }
@@ -2669,6 +2833,7 @@
2669
2833
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2670
2834
 
2671
2835
  transition:margin-right 300ms, margin-left 300ms;
2836
+ font-feature-settings:"ss20" 1;
2672
2837
  }
2673
2838
  &:focus[data-focus-method='key']{
2674
2839
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(