@rescui/typography 0.19.0 → 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 (15) hide show
  1. package/lib/create-text-cn.js +18 -31
  2. package/lib/font-jb-sans-auto-cn-cdn.css +9 -9
  3. package/lib/font-jb-sans-auto.css +9 -9
  4. package/lib/font-jb-sans-cn-cdn.css +6 -6
  5. package/lib/font-jb-sans-variable-cn-cdn.css +3 -3
  6. package/lib/font-jb-sans-variable.css +3 -3
  7. package/lib/font-jb-sans.css +6 -6
  8. package/lib/index-moduled.css +342 -264
  9. package/lib/index-moduled.p.module.css.js +120 -120
  10. package/lib/index.css +227 -149
  11. package/lib/mixins.p.css +446 -320
  12. package/lib/mixins.pcss +446 -320
  13. package/lib/public-api.p.css +899 -453
  14. package/lib/public-api.pcss +899 -453
  15. package/package.json +8 -7
package/lib/mixins.p.css 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,
@@ -79,11 +98,16 @@
79
98
  font-weight:var(--_rs-typography-font-weight);
80
99
  line-height:var(--_rs-typography-line-height);
81
100
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
82
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
83
101
  font-feature-settings:'kern', 'liga', 'calt';
84
102
  }
85
103
  @define-mixin rs-super-hero{
86
- --_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
+ );
87
111
  --_rs-typography-text-transform:initial;
88
112
  --_rs-typography-font-variant-numeric:initial;
89
113
  --_rs-typography-font-family:var(
@@ -93,16 +117,22 @@
93
117
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
94
118
  );
95
119
  --_rs-typography-font-size:var(
96
- --rs-super-hero-font-size,
97
- 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
+ )
98
125
  );
99
126
  --_rs-typography-font-weight:var(
100
127
  --rs-font-weight-semi-bold,
101
128
  600
102
129
  );
103
130
  --_rs-typography-line-height:var(
104
- --rs-super-hero-line-height,
105
- 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
+ )
106
136
  );
107
137
  --_rs-typography-base-color:var(
108
138
  --_rs-typography-heading-hardness-color,
@@ -117,32 +147,39 @@
117
147
  --_rs-typography-list-li-margin-top-from-text:initial;
118
148
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
119
149
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
120
- --_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
+ );
121
154
  @media screen and (max-width: 1000px){
122
- --_rs-typography-font-size:var(
123
- --rs-middle-hero-font-size,
124
- 92px
125
- );
126
- --_rs-typography-line-height:var(
127
- --rs-middle-hero-line-height,
128
- 92px
129
- );
130
- --_rs-typography-letter-spacing:-0.008em;
131
-
132
- --_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;
133
168
  }
134
169
  @media screen and (max-width: 640px){
135
- --_rs-typography-font-size:var(
136
- --rs-middle-hero-font-size-mobile,
137
- 58px
138
- );
139
- --_rs-typography-line-height:var(
140
- --rs-middle-hero-line-height-mobile,
141
- 62px
142
- );
143
- --_rs-typography-letter-spacing:-0.0007em;
144
-
145
- --_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;
146
183
  }
147
184
  letter-spacing:var(
148
185
  --rs-text-base-letter-spacing,
@@ -154,7 +191,6 @@
154
191
  font-weight:var(--_rs-typography-font-weight);
155
192
  line-height:var(--_rs-typography-line-height);
156
193
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
157
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
158
194
  font-feature-settings:'kern', 'liga', 'calt';
159
195
  --rs-theme-dark:0;
160
196
  --_rs-theme-dark:var(
@@ -187,7 +223,10 @@
187
223
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
188
224
  }
189
225
  @define-mixin rs-middle-hero-base{
190
- --_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
+ );
191
230
  --_rs-typography-text-transform:initial;
192
231
  --_rs-typography-font-variant-numeric:initial;
193
232
  --_rs-typography-font-family:var(
@@ -197,16 +236,16 @@
197
236
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
198
237
  );
199
238
  --_rs-typography-font-size:var(
200
- --rs-middle-hero-font-size,
201
- 92px
239
+ --_rs-typography-middle-hero-sm-font-size,
240
+ var(--rs-middle-hero-font-size, 92px)
202
241
  );
203
242
  --_rs-typography-font-weight:var(
204
243
  --rs-font-weight-semi-bold,
205
244
  600
206
245
  );
207
246
  --_rs-typography-line-height:var(
208
- --rs-middle-hero-line-height,
209
- 92px
247
+ --_rs-typography-middle-hero-sm-line-height,
248
+ var(--rs-middle-hero-line-height, 92px)
210
249
  );
211
250
  --_rs-typography-base-color:var(
212
251
  --_rs-typography-heading-hardness-color,
@@ -221,19 +260,24 @@
221
260
  --_rs-typography-list-li-margin-top-from-text:initial;
222
261
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
223
262
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
224
- --_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
+ );
225
267
  @media screen and (max-width: 640px){
226
- --_rs-typography-font-size:var(
227
- --rs-middle-hero-font-size-mobile,
228
- 58px
229
- );
230
- --_rs-typography-line-height:var(
231
- --rs-middle-hero-line-height-mobile,
232
- 62px
233
- );
234
- --_rs-typography-letter-spacing:-0.0007em;
235
-
236
- --_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;
237
281
  }
238
282
  letter-spacing:var(
239
283
  --rs-text-base-letter-spacing,
@@ -245,11 +289,13 @@
245
289
  font-weight:var(--_rs-typography-font-weight);
246
290
  line-height:var(--_rs-typography-line-height);
247
291
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
248
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
249
292
  font-feature-settings:'kern', 'liga', 'calt';
250
293
  }
251
294
  @define-mixin rs-middle-hero{
252
- --_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
+ );
253
299
  --_rs-typography-text-transform:initial;
254
300
  --_rs-typography-font-variant-numeric:initial;
255
301
  --_rs-typography-font-family:var(
@@ -259,16 +305,16 @@
259
305
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
260
306
  );
261
307
  --_rs-typography-font-size:var(
262
- --rs-middle-hero-font-size,
263
- 92px
308
+ --_rs-typography-middle-hero-sm-font-size,
309
+ var(--rs-middle-hero-font-size, 92px)
264
310
  );
265
311
  --_rs-typography-font-weight:var(
266
312
  --rs-font-weight-semi-bold,
267
313
  600
268
314
  );
269
315
  --_rs-typography-line-height:var(
270
- --rs-middle-hero-line-height,
271
- 92px
316
+ --_rs-typography-middle-hero-sm-line-height,
317
+ var(--rs-middle-hero-line-height, 92px)
272
318
  );
273
319
  --_rs-typography-base-color:var(
274
320
  --_rs-typography-heading-hardness-color,
@@ -283,19 +329,24 @@
283
329
  --_rs-typography-list-li-margin-top-from-text:initial;
284
330
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
285
331
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
286
- --_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
+ );
287
336
  @media screen and (max-width: 640px){
288
- --_rs-typography-font-size:var(
289
- --rs-middle-hero-font-size-mobile,
290
- 58px
291
- );
292
- --_rs-typography-line-height:var(
293
- --rs-middle-hero-line-height-mobile,
294
- 62px
295
- );
296
- --_rs-typography-letter-spacing:-0.0007em;
297
-
298
- --_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;
299
350
  }
300
351
  letter-spacing:var(
301
352
  --rs-text-base-letter-spacing,
@@ -307,7 +358,6 @@
307
358
  font-weight:var(--_rs-typography-font-weight);
308
359
  line-height:var(--_rs-typography-line-height);
309
360
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
310
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
311
361
  font-feature-settings:'kern', 'liga', 'calt';
312
362
  --rs-theme-dark:0;
313
363
  --_rs-theme-dark:var(
@@ -424,7 +474,7 @@
424
474
  );
425
475
  }
426
476
  @define-mixin rs-digits-1-base{
427
- --_rs-typography-letter-spacing:-0.005em;
477
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
428
478
  --_rs-typography-text-transform:initial;
429
479
  --_rs-typography-font-variant-numeric:tabular-nums;
430
480
  --_rs-typography-font-family:var(
@@ -434,16 +484,16 @@
434
484
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
435
485
  );
436
486
  --_rs-typography-font-size:var(
437
- --rs-digits-1-font-size,
438
- 69px
487
+ --_rs-typography-digits-1-sm-font-size,
488
+ var(--rs-digits-1-font-size, 69px)
439
489
  );
440
490
  --_rs-typography-font-weight:var(
441
491
  --rs-font-weight-light,
442
492
  300
443
493
  );
444
494
  --_rs-typography-line-height:var(
445
- --rs-digits-1-line-height,
446
- 71px
495
+ --_rs-typography-digits-1-sm-line-height,
496
+ var(--rs-digits-1-line-height, 71px)
447
497
  );
448
498
  --_rs-typography-base-color:var(
449
499
  --_rs-typography-hardness-color,
@@ -458,12 +508,17 @@
458
508
  --_rs-typography-list-li-margin-top-from-text:initial;
459
509
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
460
510
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
461
- --_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
+ );
462
515
  @media screen and (max-width: 640px){
463
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
464
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
465
-
466
- --_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;
467
522
  }
468
523
  letter-spacing:var(
469
524
  --rs-text-base-letter-spacing,
@@ -475,11 +530,10 @@
475
530
  font-weight:var(--_rs-typography-font-weight);
476
531
  line-height:var(--_rs-typography-line-height);
477
532
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
478
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
479
533
  font-feature-settings:'kern', 'liga', 'calt';
480
534
  }
481
535
  @define-mixin rs-digits-1{
482
- --_rs-typography-letter-spacing:-0.005em;
536
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
483
537
  --_rs-typography-text-transform:initial;
484
538
  --_rs-typography-font-variant-numeric:tabular-nums;
485
539
  --_rs-typography-font-family:var(
@@ -489,16 +543,16 @@
489
543
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
490
544
  );
491
545
  --_rs-typography-font-size:var(
492
- --rs-digits-1-font-size,
493
- 69px
546
+ --_rs-typography-digits-1-sm-font-size,
547
+ var(--rs-digits-1-font-size, 69px)
494
548
  );
495
549
  --_rs-typography-font-weight:var(
496
550
  --rs-font-weight-light,
497
551
  300
498
552
  );
499
553
  --_rs-typography-line-height:var(
500
- --rs-digits-1-line-height,
501
- 71px
554
+ --_rs-typography-digits-1-sm-line-height,
555
+ var(--rs-digits-1-line-height, 71px)
502
556
  );
503
557
  --_rs-typography-base-color:var(
504
558
  --_rs-typography-hardness-color,
@@ -513,12 +567,17 @@
513
567
  --_rs-typography-list-li-margin-top-from-text:initial;
514
568
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
515
569
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
516
- --_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
+ );
517
574
  @media screen and (max-width: 640px){
518
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
519
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
520
-
521
- --_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;
522
581
  }
523
582
  letter-spacing:var(
524
583
  --rs-text-base-letter-spacing,
@@ -530,7 +589,6 @@
530
589
  font-weight:var(--_rs-typography-font-weight);
531
590
  line-height:var(--_rs-typography-line-height);
532
591
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
533
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
534
592
  font-feature-settings:'kern', 'liga', 'calt';
535
593
  --rs-theme-dark:0;
536
594
  --_rs-theme-dark:var(
@@ -563,7 +621,7 @@
563
621
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
564
622
  }
565
623
  @define-mixin rs-digits-2-base{
566
- --_rs-typography-letter-spacing:-0.005em;
624
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
567
625
  --_rs-typography-text-transform:initial;
568
626
  --_rs-typography-font-variant-numeric:tabular-nums;
569
627
  --_rs-typography-font-family:var(
@@ -608,11 +666,10 @@
608
666
  font-weight:var(--_rs-typography-font-weight);
609
667
  line-height:var(--_rs-typography-line-height);
610
668
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
611
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
612
669
  font-feature-settings:'kern', 'liga', 'calt';
613
670
  }
614
671
  @define-mixin rs-digits-2{
615
- --_rs-typography-letter-spacing:-0.005em;
672
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
616
673
  --_rs-typography-text-transform:initial;
617
674
  --_rs-typography-font-variant-numeric:tabular-nums;
618
675
  --_rs-typography-font-family:var(
@@ -657,7 +714,6 @@
657
714
  font-weight:var(--_rs-typography-font-weight);
658
715
  line-height:var(--_rs-typography-line-height);
659
716
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
660
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
661
717
  font-feature-settings:'kern', 'liga', 'calt';
662
718
  --rs-theme-dark:0;
663
719
  --_rs-theme-dark:var(
@@ -690,7 +746,10 @@
690
746
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
691
747
  }
692
748
  @define-mixin rs-hero-base{
693
- --_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
+ );
694
753
  --_rs-typography-text-transform:initial;
695
754
  --_rs-typography-font-variant-numeric:initial;
696
755
  --_rs-typography-font-family:var(
@@ -699,14 +758,17 @@
699
758
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
700
759
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
701
760
  );
702
- --_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
+ );
703
765
  --_rs-typography-font-weight:var(
704
766
  --rs-font-weight-semi-bold,
705
767
  600
706
768
  );
707
769
  --_rs-typography-line-height:var(
708
- --rs-hero-line-height,
709
- 72px
770
+ --_rs-typography-hero-sm-line-height,
771
+ var(--rs-hero-line-height, 72px)
710
772
  );
711
773
  --_rs-typography-base-color:var(
712
774
  --_rs-typography-heading-hardness-color,
@@ -721,19 +783,24 @@
721
783
  --_rs-typography-list-li-margin-top-from-text:initial;
722
784
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
723
785
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
724
- --_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
+ );
725
790
  @media screen and (max-width: 640px){
726
- --_rs-typography-font-size:var(
727
- --rs-hero-font-size-mobile,
728
- 42px
729
- );
730
- --_rs-typography-line-height:var(
731
- --rs-hero-line-height-mobile,
732
- 50px
733
- );
734
- --_rs-typography-letter-spacing:-0.001em;
735
-
736
- --_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;
737
804
  }
738
805
  letter-spacing:var(
739
806
  --rs-text-base-letter-spacing,
@@ -745,11 +812,13 @@
745
812
  font-weight:var(--_rs-typography-font-weight);
746
813
  line-height:var(--_rs-typography-line-height);
747
814
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
748
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
749
815
  font-feature-settings:'kern', 'liga', 'calt';
750
816
  }
751
817
  @define-mixin rs-hero{
752
- --_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
+ );
753
822
  --_rs-typography-text-transform:initial;
754
823
  --_rs-typography-font-variant-numeric:initial;
755
824
  --_rs-typography-font-family:var(
@@ -758,14 +827,17 @@
758
827
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
759
828
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
760
829
  );
761
- --_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
+ );
762
834
  --_rs-typography-font-weight:var(
763
835
  --rs-font-weight-semi-bold,
764
836
  600
765
837
  );
766
838
  --_rs-typography-line-height:var(
767
- --rs-hero-line-height,
768
- 72px
839
+ --_rs-typography-hero-sm-line-height,
840
+ var(--rs-hero-line-height, 72px)
769
841
  );
770
842
  --_rs-typography-base-color:var(
771
843
  --_rs-typography-heading-hardness-color,
@@ -780,19 +852,24 @@
780
852
  --_rs-typography-list-li-margin-top-from-text:initial;
781
853
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
782
854
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
783
- --_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
+ );
784
859
  @media screen and (max-width: 640px){
785
- --_rs-typography-font-size:var(
786
- --rs-hero-font-size-mobile,
787
- 42px
788
- );
789
- --_rs-typography-line-height:var(
790
- --rs-hero-line-height-mobile,
791
- 50px
792
- );
793
- --_rs-typography-letter-spacing:-0.001em;
794
-
795
- --_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;
796
873
  }
797
874
  letter-spacing:var(
798
875
  --rs-text-base-letter-spacing,
@@ -804,7 +881,6 @@
804
881
  font-weight:var(--_rs-typography-font-weight);
805
882
  line-height:var(--_rs-typography-line-height);
806
883
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
807
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
808
884
  font-feature-settings:'kern', 'liga', 'calt';
809
885
  --rs-theme-dark:0;
810
886
  --_rs-theme-dark:var(
@@ -837,7 +913,7 @@
837
913
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
838
914
  }
839
915
  @define-mixin rs-subtitle-1-base{
840
- --_rs-typography-letter-spacing:normal;
916
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
841
917
  --_rs-typography-text-transform:initial;
842
918
  --_rs-typography-font-variant-numeric:initial;
843
919
  --_rs-typography-font-family:var(
@@ -847,16 +923,16 @@
847
923
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
848
924
  );
849
925
  --_rs-typography-font-size:var(
850
- --rs-subtitle-1-font-size,
851
- 39px
926
+ --_rs-typography-subtitle-1-sm-font-size,
927
+ var(--rs-subtitle-1-font-size, 39px)
852
928
  );
853
929
  --_rs-typography-font-weight:var(
854
930
  --rs-font-weight-light,
855
931
  300
856
932
  );
857
933
  --_rs-typography-line-height:var(
858
- --rs-subtitle-1-line-height,
859
- 49px
934
+ --_rs-typography-subtitle-1-sm-line-height,
935
+ var(--rs-subtitle-1-line-height, 49px)
860
936
  );
861
937
  --_rs-typography-base-color:var(
862
938
  --_rs-typography-hardness-color,
@@ -873,14 +949,14 @@
873
949
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
874
950
  --_rs-typography-link-border-bottom-width-from-text:2px;
875
951
  @media screen and (max-width: 640px){
876
- --_rs-typography-font-size:var(
877
- --rs-subtitle-2-font-size-mobile,
878
- 23px
879
- );
880
- --_rs-typography-line-height:var(
881
- --rs-subtitle-2-line-height-mobile,
882
- 30px
883
- );
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
+ );
884
960
  }
885
961
  letter-spacing:var(
886
962
  --rs-text-base-letter-spacing,
@@ -892,11 +968,10 @@
892
968
  font-weight:var(--_rs-typography-font-weight);
893
969
  line-height:var(--_rs-typography-line-height);
894
970
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
895
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
896
971
  font-feature-settings:'kern', 'liga', 'calt';
897
972
  }
898
973
  @define-mixin rs-subtitle-1{
899
- --_rs-typography-letter-spacing:normal;
974
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
900
975
  --_rs-typography-text-transform:initial;
901
976
  --_rs-typography-font-variant-numeric:initial;
902
977
  --_rs-typography-font-family:var(
@@ -906,16 +981,16 @@
906
981
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
907
982
  );
908
983
  --_rs-typography-font-size:var(
909
- --rs-subtitle-1-font-size,
910
- 39px
984
+ --_rs-typography-subtitle-1-sm-font-size,
985
+ var(--rs-subtitle-1-font-size, 39px)
911
986
  );
912
987
  --_rs-typography-font-weight:var(
913
988
  --rs-font-weight-light,
914
989
  300
915
990
  );
916
991
  --_rs-typography-line-height:var(
917
- --rs-subtitle-1-line-height,
918
- 49px
992
+ --_rs-typography-subtitle-1-sm-line-height,
993
+ var(--rs-subtitle-1-line-height, 49px)
919
994
  );
920
995
  --_rs-typography-base-color:var(
921
996
  --_rs-typography-hardness-color,
@@ -932,14 +1007,14 @@
932
1007
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
933
1008
  --_rs-typography-link-border-bottom-width-from-text:2px;
934
1009
  @media screen and (max-width: 640px){
935
- --_rs-typography-font-size:var(
936
- --rs-subtitle-2-font-size-mobile,
937
- 23px
938
- );
939
- --_rs-typography-line-height:var(
940
- --rs-subtitle-2-line-height-mobile,
941
- 30px
942
- );
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
+ );
943
1018
  }
944
1019
  letter-spacing:var(
945
1020
  --rs-text-base-letter-spacing,
@@ -951,7 +1026,6 @@
951
1026
  font-weight:var(--_rs-typography-font-weight);
952
1027
  line-height:var(--_rs-typography-line-height);
953
1028
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
954
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
955
1029
  font-feature-settings:'kern', 'liga', 'calt';
956
1030
  --rs-theme-dark:0;
957
1031
  --_rs-theme-dark:var(
@@ -984,7 +1058,10 @@
984
1058
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
985
1059
  }
986
1060
  @define-mixin rs-h1-base{
987
- --_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
+ );
988
1065
  --_rs-typography-text-transform:initial;
989
1066
  --_rs-typography-font-variant-numeric:initial;
990
1067
  --_rs-typography-font-family:var(
@@ -993,12 +1070,18 @@
993
1070
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
994
1071
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
995
1072
  );
996
- --_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
+ );
997
1077
  --_rs-typography-font-weight:var(
998
1078
  --rs-font-weight-semi-bold,
999
1079
  600
1000
1080
  );
1001
- --_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
+ );
1002
1085
  --_rs-typography-base-color:var(
1003
1086
  --_rs-typography-heading-hardness-color,
1004
1087
  var(
@@ -1014,15 +1097,18 @@
1014
1097
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1015
1098
  --_rs-typography-link-border-bottom-width-from-text:2px;
1016
1099
  @media screen and (max-width: 640px){
1017
- --_rs-typography-font-size:var(
1018
- --rs-h1-font-size-mobile,
1019
- 35px
1020
- );
1021
- --_rs-typography-line-height:var(
1022
- --rs-h1-line-height-mobile,
1023
- 39px
1024
- );
1025
- --_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
+ );
1026
1112
  }
1027
1113
  letter-spacing:var(
1028
1114
  --rs-text-base-letter-spacing,
@@ -1034,11 +1120,13 @@
1034
1120
  font-weight:var(--_rs-typography-font-weight);
1035
1121
  line-height:var(--_rs-typography-line-height);
1036
1122
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1037
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1038
1123
  font-feature-settings:'kern', 'liga', 'calt';
1039
1124
  }
1040
1125
  @define-mixin rs-h1{
1041
- --_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
+ );
1042
1130
  --_rs-typography-text-transform:initial;
1043
1131
  --_rs-typography-font-variant-numeric:initial;
1044
1132
  --_rs-typography-font-family:var(
@@ -1047,12 +1135,18 @@
1047
1135
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1048
1136
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1049
1137
  );
1050
- --_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
+ );
1051
1142
  --_rs-typography-font-weight:var(
1052
1143
  --rs-font-weight-semi-bold,
1053
1144
  600
1054
1145
  );
1055
- --_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
+ );
1056
1150
  --_rs-typography-base-color:var(
1057
1151
  --_rs-typography-heading-hardness-color,
1058
1152
  var(
@@ -1068,15 +1162,18 @@
1068
1162
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1069
1163
  --_rs-typography-link-border-bottom-width-from-text:2px;
1070
1164
  @media screen and (max-width: 640px){
1071
- --_rs-typography-font-size:var(
1072
- --rs-h1-font-size-mobile,
1073
- 35px
1074
- );
1075
- --_rs-typography-line-height:var(
1076
- --rs-h1-line-height-mobile,
1077
- 39px
1078
- );
1079
- --_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
+ );
1080
1177
  }
1081
1178
  letter-spacing:var(
1082
1179
  --rs-text-base-letter-spacing,
@@ -1088,7 +1185,6 @@
1088
1185
  font-weight:var(--_rs-typography-font-weight);
1089
1186
  line-height:var(--_rs-typography-line-height);
1090
1187
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1091
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1092
1188
  font-feature-settings:'kern', 'liga', 'calt';
1093
1189
  --rs-theme-dark:0;
1094
1190
  --_rs-theme-dark:var(
@@ -1121,7 +1217,7 @@
1121
1217
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
1122
1218
  }
1123
1219
  @define-mixin rs-subtitle-2-base{
1124
- --_rs-typography-letter-spacing:normal;
1220
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
1125
1221
  --_rs-typography-text-transform:initial;
1126
1222
  --_rs-typography-font-variant-numeric:initial;
1127
1223
  --_rs-typography-font-family:var(
@@ -1131,16 +1227,16 @@
1131
1227
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1132
1228
  );
1133
1229
  --_rs-typography-font-size:var(
1134
- --rs-subtitle-2-font-size,
1135
- 29px
1230
+ --_rs-typography-subtitle-2-sm-font-size,
1231
+ var(--rs-subtitle-2-font-size, 29px)
1136
1232
  );
1137
1233
  --_rs-typography-font-weight:var(
1138
1234
  --rs-font-weight-light,
1139
1235
  300
1140
1236
  );
1141
1237
  --_rs-typography-line-height:var(
1142
- --rs-subtitle-2-line-height,
1143
- 39px
1238
+ --_rs-typography-subtitle-2-sm-line-height,
1239
+ var(--rs-subtitle-2-line-height, 39px)
1144
1240
  );
1145
1241
  --_rs-typography-base-color:var(
1146
1242
  --_rs-typography-hardness-color,
@@ -1157,14 +1253,14 @@
1157
1253
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1158
1254
  --_rs-typography-link-border-bottom-width-from-text:2px;
1159
1255
  @media screen and (max-width: 640px){
1160
- --_rs-typography-font-size:var(
1161
- --rs-subtitle-2-font-size-mobile,
1162
- 23px
1163
- );
1164
- --_rs-typography-line-height:var(
1165
- --rs-subtitle-2-line-height-mobile,
1166
- 30px
1167
- );
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
+ );
1168
1264
  }
1169
1265
  letter-spacing:var(
1170
1266
  --rs-text-base-letter-spacing,
@@ -1176,11 +1272,10 @@
1176
1272
  font-weight:var(--_rs-typography-font-weight);
1177
1273
  line-height:var(--_rs-typography-line-height);
1178
1274
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1179
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1180
1275
  font-feature-settings:'kern', 'liga', 'calt';
1181
1276
  }
1182
1277
  @define-mixin rs-subtitle-2{
1183
- --_rs-typography-letter-spacing:normal;
1278
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
1184
1279
  --_rs-typography-text-transform:initial;
1185
1280
  --_rs-typography-font-variant-numeric:initial;
1186
1281
  --_rs-typography-font-family:var(
@@ -1190,16 +1285,16 @@
1190
1285
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1191
1286
  );
1192
1287
  --_rs-typography-font-size:var(
1193
- --rs-subtitle-2-font-size,
1194
- 29px
1288
+ --_rs-typography-subtitle-2-sm-font-size,
1289
+ var(--rs-subtitle-2-font-size, 29px)
1195
1290
  );
1196
1291
  --_rs-typography-font-weight:var(
1197
1292
  --rs-font-weight-light,
1198
1293
  300
1199
1294
  );
1200
1295
  --_rs-typography-line-height:var(
1201
- --rs-subtitle-2-line-height,
1202
- 39px
1296
+ --_rs-typography-subtitle-2-sm-line-height,
1297
+ var(--rs-subtitle-2-line-height, 39px)
1203
1298
  );
1204
1299
  --_rs-typography-base-color:var(
1205
1300
  --_rs-typography-hardness-color,
@@ -1216,14 +1311,14 @@
1216
1311
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1217
1312
  --_rs-typography-link-border-bottom-width-from-text:2px;
1218
1313
  @media screen and (max-width: 640px){
1219
- --_rs-typography-font-size:var(
1220
- --rs-subtitle-2-font-size-mobile,
1221
- 23px
1222
- );
1223
- --_rs-typography-line-height:var(
1224
- --rs-subtitle-2-line-height-mobile,
1225
- 30px
1226
- );
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
+ );
1227
1322
  }
1228
1323
  letter-spacing:var(
1229
1324
  --rs-text-base-letter-spacing,
@@ -1235,7 +1330,6 @@
1235
1330
  font-weight:var(--_rs-typography-font-weight);
1236
1331
  line-height:var(--_rs-typography-line-height);
1237
1332
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1238
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1239
1333
  font-feature-settings:'kern', 'liga', 'calt';
1240
1334
  --rs-theme-dark:0;
1241
1335
  --_rs-theme-dark:var(
@@ -1268,7 +1362,7 @@
1268
1362
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
1269
1363
  }
1270
1364
  @define-mixin rs-h2-base{
1271
- --_rs-typography-letter-spacing:normal;
1365
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1272
1366
  --_rs-typography-text-transform:initial;
1273
1367
  --_rs-typography-font-variant-numeric:initial;
1274
1368
  --_rs-typography-font-family:var(
@@ -1277,12 +1371,18 @@
1277
1371
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1278
1372
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1279
1373
  );
1280
- --_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
+ );
1281
1378
  --_rs-typography-font-weight:var(
1282
1379
  --rs-font-weight-semi-bold,
1283
1380
  600
1284
1381
  );
1285
- --_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
+ );
1286
1386
  --_rs-typography-base-color:var(
1287
1387
  --_rs-typography-heading-hardness-color,
1288
1388
  var(
@@ -1298,14 +1398,14 @@
1298
1398
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1299
1399
  --_rs-typography-link-border-bottom-width-from-text:2px;
1300
1400
  @media screen and (max-width: 640px){
1301
- --_rs-typography-font-size:var(
1302
- --rs-h2-font-size-mobile,
1303
- 28px
1304
- );
1305
- --_rs-typography-line-height:var(
1306
- --rs-h2-line-height-mobile,
1307
- 32px
1308
- );
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
+ );
1309
1409
  }
1310
1410
  letter-spacing:var(
1311
1411
  --rs-text-base-letter-spacing,
@@ -1317,11 +1417,10 @@
1317
1417
  font-weight:var(--_rs-typography-font-weight);
1318
1418
  line-height:var(--_rs-typography-line-height);
1319
1419
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1320
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1321
1420
  font-feature-settings:'kern', 'liga', 'calt';
1322
1421
  }
1323
1422
  @define-mixin rs-h2{
1324
- --_rs-typography-letter-spacing:normal;
1423
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
1325
1424
  --_rs-typography-text-transform:initial;
1326
1425
  --_rs-typography-font-variant-numeric:initial;
1327
1426
  --_rs-typography-font-family:var(
@@ -1330,12 +1429,18 @@
1330
1429
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1331
1430
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1332
1431
  );
1333
- --_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
+ );
1334
1436
  --_rs-typography-font-weight:var(
1335
1437
  --rs-font-weight-semi-bold,
1336
1438
  600
1337
1439
  );
1338
- --_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
+ );
1339
1444
  --_rs-typography-base-color:var(
1340
1445
  --_rs-typography-heading-hardness-color,
1341
1446
  var(
@@ -1351,14 +1456,14 @@
1351
1456
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1352
1457
  --_rs-typography-link-border-bottom-width-from-text:2px;
1353
1458
  @media screen and (max-width: 640px){
1354
- --_rs-typography-font-size:var(
1355
- --rs-h2-font-size-mobile,
1356
- 28px
1357
- );
1358
- --_rs-typography-line-height:var(
1359
- --rs-h2-line-height-mobile,
1360
- 32px
1361
- );
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
+ );
1362
1467
  }
1363
1468
  letter-spacing:var(
1364
1469
  --rs-text-base-letter-spacing,
@@ -1370,7 +1475,6 @@
1370
1475
  font-weight:var(--_rs-typography-font-weight);
1371
1476
  line-height:var(--_rs-typography-line-height);
1372
1477
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1373
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1374
1478
  font-feature-settings:'kern', 'liga', 'calt';
1375
1479
  --rs-theme-dark:0;
1376
1480
  --_rs-theme-dark:var(
@@ -1403,7 +1507,7 @@
1403
1507
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
1404
1508
  }
1405
1509
  @define-mixin rs-h3-base{
1406
- --_rs-typography-letter-spacing:normal;
1510
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1407
1511
  --_rs-typography-text-transform:initial;
1408
1512
  --_rs-typography-font-variant-numeric:initial;
1409
1513
  --_rs-typography-font-family:var(
@@ -1442,11 +1546,10 @@
1442
1546
  font-weight:var(--_rs-typography-font-weight);
1443
1547
  line-height:var(--_rs-typography-line-height);
1444
1548
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1445
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1446
1549
  font-feature-settings:'kern', 'liga', 'calt';
1447
1550
  }
1448
1551
  @define-mixin rs-h3{
1449
- --_rs-typography-letter-spacing:normal;
1552
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
1450
1553
  --_rs-typography-text-transform:initial;
1451
1554
  --_rs-typography-font-variant-numeric:initial;
1452
1555
  --_rs-typography-font-family:var(
@@ -1485,7 +1588,6 @@
1485
1588
  font-weight:var(--_rs-typography-font-weight);
1486
1589
  line-height:var(--_rs-typography-line-height);
1487
1590
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1488
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1489
1591
  font-feature-settings:'kern', 'liga', 'calt';
1490
1592
  --rs-theme-dark:0;
1491
1593
  --_rs-theme-dark:var(
@@ -1518,7 +1620,7 @@
1518
1620
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
1519
1621
  }
1520
1622
  @define-mixin rs-text-1-base{
1521
- --_rs-typography-letter-spacing:normal;
1623
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1522
1624
  --_rs-typography-text-transform:initial;
1523
1625
  --_rs-typography-font-variant-numeric:initial;
1524
1626
  --_rs-typography-font-family:var(
@@ -1546,12 +1648,15 @@
1546
1648
  --_rs-typography-text-auto-offset:32px;
1547
1649
  --_rs-typography-ul-list-li-padding-left:26px;
1548
1650
  --_rs-typography-ol-list-li-padding-left:32px;
1549
- --_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
+ );
1550
1655
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1551
1656
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1552
1657
  --_rs-typography-link-border-bottom-width-from-text:1px;
1553
1658
  @media screen and (max-width: 640px){
1554
- --_rs-typography-list-li-margin-top-from-text:16px;
1659
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1555
1660
  }
1556
1661
  letter-spacing:var(
1557
1662
  --rs-text-base-letter-spacing,
@@ -1563,11 +1668,10 @@
1563
1668
  font-weight:var(--_rs-typography-font-weight);
1564
1669
  line-height:var(--_rs-typography-line-height);
1565
1670
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1566
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1567
1671
  font-feature-settings:'kern', 'liga', 'calt';
1568
1672
  }
1569
1673
  @define-mixin rs-text-1{
1570
- --_rs-typography-letter-spacing:normal;
1674
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
1571
1675
  --_rs-typography-text-transform:initial;
1572
1676
  --_rs-typography-font-variant-numeric:initial;
1573
1677
  --_rs-typography-font-family:var(
@@ -1595,12 +1699,15 @@
1595
1699
  --_rs-typography-text-auto-offset:32px;
1596
1700
  --_rs-typography-ul-list-li-padding-left:26px;
1597
1701
  --_rs-typography-ol-list-li-padding-left:32px;
1598
- --_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
+ );
1599
1706
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1600
1707
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1601
1708
  --_rs-typography-link-border-bottom-width-from-text:1px;
1602
1709
  @media screen and (max-width: 640px){
1603
- --_rs-typography-list-li-margin-top-from-text:16px;
1710
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
1604
1711
  }
1605
1712
  letter-spacing:var(
1606
1713
  --rs-text-base-letter-spacing,
@@ -1612,7 +1719,6 @@
1612
1719
  font-weight:var(--_rs-typography-font-weight);
1613
1720
  line-height:var(--_rs-typography-line-height);
1614
1721
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1615
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1616
1722
  font-feature-settings:'kern', 'liga', 'calt';
1617
1723
  --rs-theme-dark:0;
1618
1724
  --_rs-theme-dark:var(
@@ -1645,7 +1751,7 @@
1645
1751
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
1646
1752
  }
1647
1753
  @define-mixin rs-h4-base{
1648
- --_rs-typography-letter-spacing:normal;
1754
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1649
1755
  --_rs-typography-text-transform:initial;
1650
1756
  --_rs-typography-font-variant-numeric:initial;
1651
1757
  --_rs-typography-font-family:var(
@@ -1684,11 +1790,10 @@
1684
1790
  font-weight:var(--_rs-typography-font-weight);
1685
1791
  line-height:var(--_rs-typography-line-height);
1686
1792
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1687
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1688
1793
  font-feature-settings:'kern', 'liga', 'calt';
1689
1794
  }
1690
1795
  @define-mixin rs-h4{
1691
- --_rs-typography-letter-spacing:normal;
1796
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
1692
1797
  --_rs-typography-text-transform:initial;
1693
1798
  --_rs-typography-font-variant-numeric:initial;
1694
1799
  --_rs-typography-font-family:var(
@@ -1727,7 +1832,6 @@
1727
1832
  font-weight:var(--_rs-typography-font-weight);
1728
1833
  line-height:var(--_rs-typography-line-height);
1729
1834
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1730
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1731
1835
  font-feature-settings:'kern', 'liga', 'calt';
1732
1836
  --rs-theme-dark:0;
1733
1837
  --_rs-theme-dark:var(
@@ -1760,7 +1864,7 @@
1760
1864
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
1761
1865
  }
1762
1866
  @define-mixin rs-text-2-base{
1763
- --_rs-typography-letter-spacing:0.0015em;
1867
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1764
1868
  --_rs-typography-text-transform:initial;
1765
1869
  --_rs-typography-font-variant-numeric:initial;
1766
1870
  --_rs-typography-font-family:var(
@@ -1788,12 +1892,15 @@
1788
1892
  --_rs-typography-text-auto-offset:16px;
1789
1893
  --_rs-typography-ul-list-li-padding-left:22px;
1790
1894
  --_rs-typography-ol-list-li-padding-left:26px;
1791
- --_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
+ );
1792
1899
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1793
1900
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1794
1901
  --_rs-typography-link-border-bottom-width-from-text:1px;
1795
1902
  @media screen and (max-width: 640px){
1796
- --_rs-typography-list-li-margin-top-from-text:12px;
1903
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1797
1904
  }
1798
1905
  letter-spacing:var(
1799
1906
  --rs-text-base-letter-spacing,
@@ -1805,11 +1912,10 @@
1805
1912
  font-weight:var(--_rs-typography-font-weight);
1806
1913
  line-height:var(--_rs-typography-line-height);
1807
1914
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1808
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1809
1915
  font-feature-settings:'kern', 'liga', 'calt';
1810
1916
  }
1811
1917
  @define-mixin rs-text-2{
1812
- --_rs-typography-letter-spacing:0.0015em;
1918
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
1813
1919
  --_rs-typography-text-transform:initial;
1814
1920
  --_rs-typography-font-variant-numeric:initial;
1815
1921
  --_rs-typography-font-family:var(
@@ -1837,12 +1943,15 @@
1837
1943
  --_rs-typography-text-auto-offset:16px;
1838
1944
  --_rs-typography-ul-list-li-padding-left:22px;
1839
1945
  --_rs-typography-ol-list-li-padding-left:26px;
1840
- --_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
+ );
1841
1950
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1842
1951
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1843
1952
  --_rs-typography-link-border-bottom-width-from-text:1px;
1844
1953
  @media screen and (max-width: 640px){
1845
- --_rs-typography-list-li-margin-top-from-text:12px;
1954
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
1846
1955
  }
1847
1956
  letter-spacing:var(
1848
1957
  --rs-text-base-letter-spacing,
@@ -1854,7 +1963,6 @@
1854
1963
  font-weight:var(--_rs-typography-font-weight);
1855
1964
  line-height:var(--_rs-typography-line-height);
1856
1965
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1857
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1858
1966
  font-feature-settings:'kern', 'liga', 'calt';
1859
1967
  --rs-theme-dark:0;
1860
1968
  --_rs-theme-dark:var(
@@ -1887,7 +1995,7 @@
1887
1995
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
1888
1996
  }
1889
1997
  @define-mixin rs-h5-base{
1890
- --_rs-typography-letter-spacing:normal;
1998
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1891
1999
  --_rs-typography-text-transform:initial;
1892
2000
  --_rs-typography-font-variant-numeric:initial;
1893
2001
  --_rs-typography-font-family:var(
@@ -1926,11 +2034,10 @@
1926
2034
  font-weight:var(--_rs-typography-font-weight);
1927
2035
  line-height:var(--_rs-typography-line-height);
1928
2036
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1929
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1930
2037
  font-feature-settings:'kern', 'liga', 'calt';
1931
2038
  }
1932
2039
  @define-mixin rs-h5{
1933
- --_rs-typography-letter-spacing:normal;
2040
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
1934
2041
  --_rs-typography-text-transform:initial;
1935
2042
  --_rs-typography-font-variant-numeric:initial;
1936
2043
  --_rs-typography-font-family:var(
@@ -1969,7 +2076,6 @@
1969
2076
  font-weight:var(--_rs-typography-font-weight);
1970
2077
  line-height:var(--_rs-typography-line-height);
1971
2078
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1972
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1973
2079
  font-feature-settings:'kern', 'liga', 'calt';
1974
2080
  --rs-theme-dark:0;
1975
2081
  --_rs-theme-dark:var(
@@ -2002,7 +2108,7 @@
2002
2108
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
2003
2109
  }
2004
2110
  @define-mixin rs-overline{
2005
- --_rs-typography-letter-spacing:0.1em;
2111
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
2006
2112
  --_rs-typography-text-transform:uppercase;
2007
2113
  --_rs-typography-font-variant-numeric:initial;
2008
2114
  --_rs-typography-font-family:var(
@@ -2047,7 +2153,6 @@
2047
2153
  font-weight:var(--_rs-typography-font-weight);
2048
2154
  line-height:var(--_rs-typography-line-height);
2049
2155
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2050
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2051
2156
  font-feature-settings:'kern', 'liga', 'calt';
2052
2157
  color:var(--_rs-typography-base-color);
2053
2158
  --rs-theme-dark:0;
@@ -2081,7 +2186,7 @@
2081
2186
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
2082
2187
  }
2083
2188
  @define-mixin rs-text-3-base{
2084
- --_rs-typography-letter-spacing:0.0045em;
2189
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2085
2190
  --_rs-typography-text-transform:initial;
2086
2191
  --_rs-typography-font-variant-numeric:initial;
2087
2192
  --_rs-typography-font-family:var(
@@ -2123,11 +2228,10 @@
2123
2228
  font-weight:var(--_rs-typography-font-weight);
2124
2229
  line-height:var(--_rs-typography-line-height);
2125
2230
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2126
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2127
2231
  font-feature-settings:'kern', 'liga', 'calt';
2128
2232
  }
2129
2233
  @define-mixin rs-text-3{
2130
- --_rs-typography-letter-spacing:0.0045em;
2234
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
2131
2235
  --_rs-typography-text-transform:initial;
2132
2236
  --_rs-typography-font-variant-numeric:initial;
2133
2237
  --_rs-typography-font-family:var(
@@ -2169,7 +2273,6 @@
2169
2273
  font-weight:var(--_rs-typography-font-weight);
2170
2274
  line-height:var(--_rs-typography-line-height);
2171
2275
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2172
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2173
2276
  font-feature-settings:'kern', 'liga', 'calt';
2174
2277
  --rs-theme-dark:0;
2175
2278
  --_rs-theme-dark:var(
@@ -2208,15 +2311,21 @@
2208
2311
  --_rs-typography-list-li-margin-top:12px;
2209
2312
  }
2210
2313
  @define-mixin rs-core-list-offset-items-16{
2211
- --_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
+ );
2212
2318
  @media screen and (max-width: 640px){
2213
- --_rs-typography-list-li-margin-top:12px;
2319
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
2214
2320
  }
2215
2321
  }
2216
2322
  @define-mixin rs-core-list-offset-items-24{
2217
- --_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
+ );
2218
2327
  @media screen and (max-width: 640px){
2219
- --_rs-typography-list-li-margin-top:16px;
2328
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
2220
2329
  }
2221
2330
  }
2222
2331
  @define-mixin rs-ul{
@@ -2249,16 +2358,21 @@
2249
2358
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2250
2359
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2251
2360
  );
2252
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2253
2361
  font-feature-settings:'kern', 'liga', 'calt';
2254
2362
  > li{
2255
2363
  position:relative;
2256
2364
 
2257
2365
  margin-top:var(
2258
- --_rs-typography-list-li-margin-top,
2259
- 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)
2260
2375
  );
2261
- padding-left:var(--_rs-typography-list-li-padding-left);
2262
2376
 
2263
2377
  list-style-type:none;
2264
2378
  }
@@ -2288,22 +2402,28 @@
2288
2402
  }
2289
2403
 
2290
2404
  &_offset-items_16{
2291
- --_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
+ );
2292
2409
  }
2293
2410
  @media screen and (max-width: 640px){
2294
2411
 
2295
2412
  &_offset-items_16{
2296
- --_rs-typography-list-li-margin-top:12px;
2413
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
2297
2414
  }
2298
2415
  }
2299
2416
 
2300
2417
  &_offset-items_24{
2301
- --_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
+ );
2302
2422
  }
2303
2423
  @media screen and (max-width: 640px){
2304
2424
 
2305
2425
  &_offset-items_24{
2306
- --_rs-typography-list-li-margin-top:16px;
2426
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
2307
2427
  }
2308
2428
  }
2309
2429
  }
@@ -2337,16 +2457,21 @@
2337
2457
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2338
2458
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2339
2459
  );
2340
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2341
2460
  font-feature-settings:'kern', 'liga', 'calt';
2342
2461
  > li{
2343
2462
  position:relative;
2344
2463
 
2345
2464
  margin-top:var(
2346
- --_rs-typography-list-li-margin-top,
2347
- 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)
2348
2474
  );
2349
- padding-left:var(--_rs-typography-list-li-padding-left);
2350
2475
 
2351
2476
  list-style-type:none;
2352
2477
  }
@@ -2376,22 +2501,28 @@
2376
2501
  }
2377
2502
 
2378
2503
  &_offset-items_16{
2379
- --_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
+ );
2380
2508
  }
2381
2509
  @media screen and (max-width: 640px){
2382
2510
 
2383
2511
  &_offset-items_16{
2384
- --_rs-typography-list-li-margin-top:12px;
2512
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
2385
2513
  }
2386
2514
  }
2387
2515
 
2388
2516
  &_offset-items_24{
2389
- --_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
+ );
2390
2521
  }
2391
2522
  @media screen and (max-width: 640px){
2392
2523
 
2393
2524
  &_offset-items_24{
2394
- --_rs-typography-list-li-margin-top:16px;
2525
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
2395
2526
  }
2396
2527
  }
2397
2528
  }
@@ -2440,7 +2571,6 @@
2440
2571
  );
2441
2572
  display:block;
2442
2573
  overflow:auto;
2443
- -webkit-box-sizing:border-box;
2444
2574
  box-sizing:border-box;
2445
2575
  width:100%;
2446
2576
  max-width:100%;
@@ -2507,7 +2637,6 @@
2507
2637
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
2508
2638
  0.1
2509
2639
  );
2510
- -webkit-box-sizing:border-box;
2511
2640
  box-sizing:border-box;
2512
2641
  padding:0.11111em 0.44444em;
2513
2642
  border-radius:4px;
@@ -2662,11 +2791,9 @@
2662
2791
  background-repeat:repeat-x;
2663
2792
  background-position:left calc(100% + 4px);
2664
2793
  background-size:var(--_rs-typography-link-background-size-final);
2665
- -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
2666
2794
  box-shadow:var(--_rs-typography-link-box-shadow-final);
2667
2795
  font-size:inherit;
2668
2796
  line-height:inherit;
2669
- -webkit-transition:var(--_rs-typography-link-transition-wf);
2670
2797
  transition:var(--_rs-typography-link-transition-wf);
2671
2798
  &:active,
2672
2799
  &:focus{
@@ -2705,9 +2832,8 @@
2705
2832
 
2706
2833
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2707
2834
 
2708
- -webkit-transition:margin-right 300ms, margin-left 300ms;
2709
-
2710
2835
  transition:margin-right 300ms, margin-left 300ms;
2836
+ font-feature-settings:"ss20" 1;
2711
2837
  }
2712
2838
  &:focus[data-focus-method='key']{
2713
2839
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(