@rescui/typography 0.19.1 → 0.19.2-RUI-226-Update-card-cn-baacc2f1.68

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/index.css CHANGED
@@ -50,7 +50,7 @@
50
50
  color:var(--_rs-typography-base-color);
51
51
  }
52
52
  .rs-digits-1{
53
- --_rs-typography-letter-spacing:-0.005em;
53
+ --_rs-typography-letter-spacing:var(--rs-digits-1-letter-spacing, -0.005em);
54
54
  --_rs-typography-text-transform:initial;
55
55
  --_rs-typography-font-variant-numeric:tabular-nums;
56
56
  --_rs-typography-font-family:var(
@@ -60,16 +60,16 @@
60
60
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
61
61
  );
62
62
  --_rs-typography-font-size:var(
63
- --rs-digits-1-font-size,
64
- 69px
63
+ --_rs-typography-digits-1-sm-font-size,
64
+ var(--rs-digits-1-font-size, 69px)
65
65
  );
66
66
  --_rs-typography-font-weight:var(
67
67
  --rs-font-weight-light,
68
68
  300
69
69
  );
70
70
  --_rs-typography-line-height:var(
71
- --rs-digits-1-line-height,
72
- 71px
71
+ --_rs-typography-digits-1-sm-line-height,
72
+ var(--rs-digits-1-line-height, 71px)
73
73
  );
74
74
  --_rs-typography-base-color:var(
75
75
  --_rs-typography-hardness-color,
@@ -84,18 +84,23 @@
84
84
  --_rs-typography-list-li-margin-top-from-text:initial;
85
85
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
86
86
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
87
- --_rs-typography-link-border-bottom-width-from-text:3px;
87
+ --_rs-typography-link-border-bottom-width-from-text:var(
88
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
89
+ 3px
90
+ );
88
91
  }
89
92
  @media screen and (max-width: 640px){
90
93
  .rs-digits-1{
91
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
92
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
93
-
94
- --_rs-typography-link-border-bottom-width-from-text:2px;
94
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
95
+ --_rs-typography-digits-1-sm-line-height:var(
96
+ --rs-digits-2-line-height,
97
+ 44px
98
+ );
99
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
95
100
  }
96
101
  }
97
102
  .rs-digits-2{
98
- --_rs-typography-letter-spacing:-0.005em;
103
+ --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
99
104
  --_rs-typography-text-transform:initial;
100
105
  --_rs-typography-font-variant-numeric:tabular-nums;
101
106
  --_rs-typography-font-family:var(
@@ -132,7 +137,13 @@
132
137
  --_rs-typography-link-border-bottom-width-from-text:2px;
133
138
  }
134
139
  .rs-super-hero{
135
- --_rs-typography-letter-spacing:-0.02em;
140
+ --_rs-typography-letter-spacing:var(
141
+ --_rs-typography-super-hero-sm-letter-spacing,
142
+ var(
143
+ --_rs-typography-super-hero-md-letter-spacing,
144
+ var(--rs-super-hero-letter-spacing, -0.02em)
145
+ )
146
+ );
136
147
  --_rs-typography-text-transform:initial;
137
148
  --_rs-typography-font-variant-numeric:initial;
138
149
  --_rs-typography-font-family:var(
@@ -142,16 +153,22 @@
142
153
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
143
154
  );
144
155
  --_rs-typography-font-size:var(
145
- --rs-super-hero-font-size,
146
- 142px
156
+ --_rs-typography-super-hero-sm-font-size,
157
+ var(
158
+ --_rs-typography-super-hero-md-font-size,
159
+ var(--rs-super-hero-font-size, 142px)
160
+ )
147
161
  );
148
162
  --_rs-typography-font-weight:var(
149
163
  --rs-font-weight-semi-bold,
150
164
  600
151
165
  );
152
166
  --_rs-typography-line-height:var(
153
- --rs-super-hero-line-height,
154
- 142px
167
+ --_rs-typography-super-hero-sm-line-height,
168
+ var(
169
+ --_rs-typography-super-hero-md-line-height,
170
+ var(--rs-super-hero-line-height, 142px)
171
+ )
155
172
  );
156
173
  --_rs-typography-base-color:var(
157
174
  --_rs-typography-heading-hardness-color,
@@ -166,40 +183,50 @@
166
183
  --_rs-typography-list-li-margin-top-from-text:initial;
167
184
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
168
185
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
169
- --_rs-typography-link-border-bottom-width-from-text:4px;
186
+ --_rs-typography-link-border-bottom-width-from-text:var(
187
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
188
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
189
+ );
170
190
  }
171
191
  @media screen and (max-width: 1000px){
172
192
  .rs-super-hero{
173
- --_rs-typography-font-size:var(
174
- --rs-middle-hero-font-size,
175
- 92px
176
- );
177
- --_rs-typography-line-height:var(
178
- --rs-middle-hero-line-height,
179
- 92px
180
- );
181
- --_rs-typography-letter-spacing:-0.008em;
182
-
183
- --_rs-typography-link-border-bottom-width-from-text:3px;
193
+ --_rs-typography-super-hero-md-font-size:var(
194
+ --rs-middle-hero-font-size,
195
+ 92px
196
+ );
197
+ --_rs-typography-super-hero-md-line-height:var(
198
+ --rs-middle-hero-line-height,
199
+ 92px
200
+ );
201
+ --_rs-typography-super-hero-md-letter-spacing:var(
202
+ --rs-middle-hero-letter-spacing,
203
+ -0.008em
204
+ );
205
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
184
206
  }
185
207
  }
186
208
  @media screen and (max-width: 640px){
187
209
  .rs-super-hero{
188
- --_rs-typography-font-size:var(
189
- --rs-middle-hero-font-size-mobile,
190
- 58px
191
- );
192
- --_rs-typography-line-height:var(
193
- --rs-middle-hero-line-height-mobile,
194
- 62px
195
- );
196
- --_rs-typography-letter-spacing:-0.0007em;
197
-
198
- --_rs-typography-link-border-bottom-width-from-text:2px;
210
+ --_rs-typography-super-hero-sm-font-size:var(
211
+ --rs-middle-hero-font-size-mobile,
212
+ 58px
213
+ );
214
+ --_rs-typography-super-hero-sm-line-height:var(
215
+ --rs-middle-hero-line-height-mobile,
216
+ 62px
217
+ );
218
+ --_rs-typography-super-hero-sm-letter-spacing:var(
219
+ --rs-middle-hero-letter-spacing-mobile,
220
+ -0.0007em
221
+ );
222
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
199
223
  }
200
224
  }
201
225
  .rs-middle-hero{
202
- --_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
+ );
203
230
  --_rs-typography-text-transform:initial;
204
231
  --_rs-typography-font-variant-numeric:initial;
205
232
  --_rs-typography-font-family:var(
@@ -209,16 +236,16 @@
209
236
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
210
237
  );
211
238
  --_rs-typography-font-size:var(
212
- --rs-middle-hero-font-size,
213
- 92px
239
+ --_rs-typography-middle-hero-sm-font-size,
240
+ var(--rs-middle-hero-font-size, 92px)
214
241
  );
215
242
  --_rs-typography-font-weight:var(
216
243
  --rs-font-weight-semi-bold,
217
244
  600
218
245
  );
219
246
  --_rs-typography-line-height:var(
220
- --rs-middle-hero-line-height,
221
- 92px
247
+ --_rs-typography-middle-hero-sm-line-height,
248
+ var(--rs-middle-hero-line-height, 92px)
222
249
  );
223
250
  --_rs-typography-base-color:var(
224
251
  --_rs-typography-heading-hardness-color,
@@ -233,25 +260,33 @@
233
260
  --_rs-typography-list-li-margin-top-from-text:initial;
234
261
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
235
262
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
236
- --_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
+ );
237
267
  }
238
268
  @media screen and (max-width: 640px){
239
269
  .rs-middle-hero{
240
- --_rs-typography-font-size:var(
241
- --rs-middle-hero-font-size-mobile,
242
- 58px
243
- );
244
- --_rs-typography-line-height:var(
245
- --rs-middle-hero-line-height-mobile,
246
- 62px
247
- );
248
- --_rs-typography-letter-spacing:-0.0007em;
249
-
250
- --_rs-typography-link-border-bottom-width-from-text:2px;
270
+ --_rs-typography-middle-hero-sm-font-size:var(
271
+ --rs-middle-hero-font-size-mobile,
272
+ 58px
273
+ );
274
+ --_rs-typography-middle-hero-sm-line-height:var(
275
+ --rs-middle-hero-line-height-mobile,
276
+ 62px
277
+ );
278
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
279
+ --rs-middle-hero-letter-spacing-mobile,
280
+ -0.0007em
281
+ );
282
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
251
283
  }
252
284
  }
253
285
  .rs-hero{
254
- --_rs-typography-letter-spacing:-0.005em;
286
+ --_rs-typography-letter-spacing:var(
287
+ --_rs-typography-hero-sm-letter-spacing,
288
+ var(--rs-hero-letter-spacing, -0.005em)
289
+ );
255
290
  --_rs-typography-text-transform:initial;
256
291
  --_rs-typography-font-variant-numeric:initial;
257
292
  --_rs-typography-font-family:var(
@@ -260,14 +295,17 @@
260
295
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
261
296
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
262
297
  );
263
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
298
+ --_rs-typography-font-size:var(
299
+ --_rs-typography-hero-sm-font-size,
300
+ var(--rs-hero-font-size, 72px)
301
+ );
264
302
  --_rs-typography-font-weight:var(
265
303
  --rs-font-weight-semi-bold,
266
304
  600
267
305
  );
268
306
  --_rs-typography-line-height:var(
269
- --rs-hero-line-height,
270
- 72px
307
+ --_rs-typography-hero-sm-line-height,
308
+ var(--rs-hero-line-height, 72px)
271
309
  );
272
310
  --_rs-typography-base-color:var(
273
311
  --_rs-typography-heading-hardness-color,
@@ -282,25 +320,33 @@
282
320
  --_rs-typography-list-li-margin-top-from-text:initial;
283
321
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
284
322
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
285
- --_rs-typography-link-border-bottom-width-from-text:3px;
323
+ --_rs-typography-link-border-bottom-width-from-text:var(
324
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
325
+ 3px
326
+ );
286
327
  }
287
328
  @media screen and (max-width: 640px){
288
329
  .rs-hero{
289
- --_rs-typography-font-size:var(
290
- --rs-hero-font-size-mobile,
291
- 42px
292
- );
293
- --_rs-typography-line-height:var(
294
- --rs-hero-line-height-mobile,
295
- 50px
296
- );
297
- --_rs-typography-letter-spacing:-0.001em;
298
-
299
- --_rs-typography-link-border-bottom-width-from-text:2px;
330
+ --_rs-typography-hero-sm-font-size:var(
331
+ --rs-hero-font-size-mobile,
332
+ 42px
333
+ );
334
+ --_rs-typography-hero-sm-line-height:var(
335
+ --rs-hero-line-height-mobile,
336
+ 50px
337
+ );
338
+ --_rs-typography-hero-sm-letter-spacing:var(
339
+ --rs-hero-letter-spacing-mobile,
340
+ -0.001em
341
+ );
342
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
300
343
  }
301
344
  }
302
345
  .rs-h1{
303
- --_rs-typography-letter-spacing:-0.001em;
346
+ --_rs-typography-letter-spacing:var(
347
+ --_rs-typography-h1-sm-letter-spacing,
348
+ var(--rs-h1-letter-spacing, -0.001em)
349
+ );
304
350
  --_rs-typography-text-transform:initial;
305
351
  --_rs-typography-font-variant-numeric:initial;
306
352
  --_rs-typography-font-family:var(
@@ -309,12 +355,18 @@
309
355
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
310
356
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
311
357
  );
312
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
358
+ --_rs-typography-font-size:var(
359
+ --_rs-typography-h1-sm-font-size,
360
+ var(--rs-h1-font-size, 43px)
361
+ );
313
362
  --_rs-typography-font-weight:var(
314
363
  --rs-font-weight-semi-bold,
315
364
  600
316
365
  );
317
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
366
+ --_rs-typography-line-height:var(
367
+ --_rs-typography-h1-sm-line-height,
368
+ var(--rs-h1-line-height, 49px)
369
+ );
318
370
  --_rs-typography-base-color:var(
319
371
  --_rs-typography-heading-hardness-color,
320
372
  var(
@@ -332,19 +384,22 @@
332
384
  }
333
385
  @media screen and (max-width: 640px){
334
386
  .rs-h1{
335
- --_rs-typography-font-size:var(
336
- --rs-h1-font-size-mobile,
337
- 35px
338
- );
339
- --_rs-typography-line-height:var(
340
- --rs-h1-line-height-mobile,
341
- 39px
342
- );
343
- --_rs-typography-letter-spacing:normal;
387
+ --_rs-typography-h1-sm-font-size:var(
388
+ --rs-h1-font-size-mobile,
389
+ 35px
390
+ );
391
+ --_rs-typography-h1-sm-line-height:var(
392
+ --rs-h1-line-height-mobile,
393
+ 39px
394
+ );
395
+ --_rs-typography-h1-sm-letter-spacing:var(
396
+ --rs-h1-letter-spacing-mobile,
397
+ normal
398
+ );
344
399
  }
345
400
  }
346
401
  .rs-h2{
347
- --_rs-typography-letter-spacing:normal;
402
+ --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
348
403
  --_rs-typography-text-transform:initial;
349
404
  --_rs-typography-font-variant-numeric:initial;
350
405
  --_rs-typography-font-family:var(
@@ -353,12 +408,18 @@
353
408
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
354
409
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
355
410
  );
356
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
411
+ --_rs-typography-font-size:var(
412
+ --_rs-typography-h2-sm-font-size,
413
+ var(--rs-h2-font-size, 35px)
414
+ );
357
415
  --_rs-typography-font-weight:var(
358
416
  --rs-font-weight-semi-bold,
359
417
  600
360
418
  );
361
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
419
+ --_rs-typography-line-height:var(
420
+ --_rs-typography-h2-sm-line-height,
421
+ var(--rs-h2-line-height, 42px)
422
+ );
362
423
  --_rs-typography-base-color:var(
363
424
  --_rs-typography-heading-hardness-color,
364
425
  var(
@@ -376,18 +437,18 @@
376
437
  }
377
438
  @media screen and (max-width: 640px){
378
439
  .rs-h2{
379
- --_rs-typography-font-size:var(
380
- --rs-h2-font-size-mobile,
381
- 28px
382
- );
383
- --_rs-typography-line-height:var(
384
- --rs-h2-line-height-mobile,
385
- 32px
386
- );
440
+ --_rs-typography-h2-sm-font-size:var(
441
+ --rs-h2-font-size-mobile,
442
+ 28px
443
+ );
444
+ --_rs-typography-h2-sm-line-height:var(
445
+ --rs-h2-line-height-mobile,
446
+ 32px
447
+ );
387
448
  }
388
449
  }
389
450
  .rs-h3{
390
- --_rs-typography-letter-spacing:normal;
451
+ --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
391
452
  --_rs-typography-text-transform:initial;
392
453
  --_rs-typography-font-variant-numeric:initial;
393
454
  --_rs-typography-font-family:var(
@@ -418,7 +479,7 @@
418
479
  --_rs-typography-link-border-bottom-width-from-text:2px;
419
480
  }
420
481
  .rs-h4{
421
- --_rs-typography-letter-spacing:normal;
482
+ --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
422
483
  --_rs-typography-text-transform:initial;
423
484
  --_rs-typography-font-variant-numeric:initial;
424
485
  --_rs-typography-font-family:var(
@@ -449,7 +510,7 @@
449
510
  --_rs-typography-link-border-bottom-width-from-text:2px;
450
511
  }
451
512
  .rs-h5{
452
- --_rs-typography-letter-spacing:normal;
513
+ --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
453
514
  --_rs-typography-text-transform:initial;
454
515
  --_rs-typography-font-variant-numeric:initial;
455
516
  --_rs-typography-font-family:var(
@@ -480,7 +541,7 @@
480
541
  --_rs-typography-link-border-bottom-width-from-text:2px;
481
542
  }
482
543
  .rs-subtitle-1{
483
- --_rs-typography-letter-spacing:normal;
544
+ --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
484
545
  --_rs-typography-text-transform:initial;
485
546
  --_rs-typography-font-variant-numeric:initial;
486
547
  --_rs-typography-font-family:var(
@@ -490,16 +551,16 @@
490
551
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
491
552
  );
492
553
  --_rs-typography-font-size:var(
493
- --rs-subtitle-1-font-size,
494
- 39px
554
+ --_rs-typography-subtitle-1-sm-font-size,
555
+ var(--rs-subtitle-1-font-size, 39px)
495
556
  );
496
557
  --_rs-typography-font-weight:var(
497
558
  --rs-font-weight-light,
498
559
  300
499
560
  );
500
561
  --_rs-typography-line-height:var(
501
- --rs-subtitle-1-line-height,
502
- 49px
562
+ --_rs-typography-subtitle-1-sm-line-height,
563
+ var(--rs-subtitle-1-line-height, 49px)
503
564
  );
504
565
  --_rs-typography-base-color:var(
505
566
  --_rs-typography-hardness-color,
@@ -518,18 +579,18 @@
518
579
  }
519
580
  @media screen and (max-width: 640px){
520
581
  .rs-subtitle-1{
521
- --_rs-typography-font-size:var(
522
- --rs-subtitle-2-font-size-mobile,
523
- 23px
524
- );
525
- --_rs-typography-line-height:var(
526
- --rs-subtitle-2-line-height-mobile,
527
- 30px
528
- );
582
+ --_rs-typography-subtitle-1-sm-font-size:var(
583
+ --rs-subtitle-2-font-size-mobile,
584
+ 23px
585
+ );
586
+ --_rs-typography-subtitle-1-sm-line-height:var(
587
+ --rs-subtitle-2-line-height-mobile,
588
+ 30px
589
+ );
529
590
  }
530
591
  }
531
592
  .rs-subtitle-2{
532
- --_rs-typography-letter-spacing:normal;
593
+ --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
533
594
  --_rs-typography-text-transform:initial;
534
595
  --_rs-typography-font-variant-numeric:initial;
535
596
  --_rs-typography-font-family:var(
@@ -539,16 +600,16 @@
539
600
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
540
601
  );
541
602
  --_rs-typography-font-size:var(
542
- --rs-subtitle-2-font-size,
543
- 29px
603
+ --_rs-typography-subtitle-2-sm-font-size,
604
+ var(--rs-subtitle-2-font-size, 29px)
544
605
  );
545
606
  --_rs-typography-font-weight:var(
546
607
  --rs-font-weight-light,
547
608
  300
548
609
  );
549
610
  --_rs-typography-line-height:var(
550
- --rs-subtitle-2-line-height,
551
- 39px
611
+ --_rs-typography-subtitle-2-sm-line-height,
612
+ var(--rs-subtitle-2-line-height, 39px)
552
613
  );
553
614
  --_rs-typography-base-color:var(
554
615
  --_rs-typography-hardness-color,
@@ -567,18 +628,18 @@
567
628
  }
568
629
  @media screen and (max-width: 640px){
569
630
  .rs-subtitle-2{
570
- --_rs-typography-font-size:var(
571
- --rs-subtitle-2-font-size-mobile,
572
- 23px
573
- );
574
- --_rs-typography-line-height:var(
575
- --rs-subtitle-2-line-height-mobile,
576
- 30px
577
- );
631
+ --_rs-typography-subtitle-2-sm-font-size:var(
632
+ --rs-subtitle-2-font-size-mobile,
633
+ 23px
634
+ );
635
+ --_rs-typography-subtitle-2-sm-line-height:var(
636
+ --rs-subtitle-2-line-height-mobile,
637
+ 30px
638
+ );
578
639
  }
579
640
  }
580
641
  .rs-overline{
581
- --_rs-typography-letter-spacing:0.1em;
642
+ --_rs-typography-letter-spacing:var(--rs-overline-letter-spacing, 0.1em);
582
643
  --_rs-typography-text-transform:uppercase;
583
644
  --_rs-typography-font-variant-numeric:initial;
584
645
  --_rs-typography-font-family:var(
@@ -615,7 +676,7 @@
615
676
  --_rs-typography-link-border-bottom-width-from-text:2px;
616
677
  }
617
678
  .rs-text-1{
618
- --_rs-typography-letter-spacing:normal;
679
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
619
680
  --_rs-typography-text-transform:initial;
620
681
  --_rs-typography-font-variant-numeric:initial;
621
682
  --_rs-typography-font-family:var(
@@ -643,18 +704,21 @@
643
704
  --_rs-typography-text-auto-offset:32px;
644
705
  --_rs-typography-ul-list-li-padding-left:26px;
645
706
  --_rs-typography-ol-list-li-padding-left:32px;
646
- --_rs-typography-list-li-margin-top-from-text:24px;
707
+ --_rs-typography-list-li-margin-top-from-text:var(
708
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
709
+ 24px
710
+ );
647
711
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
648
712
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
649
713
  --_rs-typography-link-border-bottom-width-from-text:1px;
650
714
  }
651
715
  @media screen and (max-width: 640px){
652
716
  .rs-text-1{
653
- --_rs-typography-list-li-margin-top-from-text:16px;
717
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
654
718
  }
655
719
  }
656
720
  .rs-text-2{
657
- --_rs-typography-letter-spacing:0.0015em;
721
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
658
722
  --_rs-typography-text-transform:initial;
659
723
  --_rs-typography-font-variant-numeric:initial;
660
724
  --_rs-typography-font-family:var(
@@ -682,18 +746,21 @@
682
746
  --_rs-typography-text-auto-offset:16px;
683
747
  --_rs-typography-ul-list-li-padding-left:22px;
684
748
  --_rs-typography-ol-list-li-padding-left:26px;
685
- --_rs-typography-list-li-margin-top-from-text:16px;
749
+ --_rs-typography-list-li-margin-top-from-text:var(
750
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
751
+ 16px
752
+ );
686
753
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
687
754
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
688
755
  --_rs-typography-link-border-bottom-width-from-text:1px;
689
756
  }
690
757
  @media screen and (max-width: 640px){
691
758
  .rs-text-2{
692
- --_rs-typography-list-li-margin-top-from-text:12px;
759
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
693
760
  }
694
761
  }
695
762
  .rs-text-3{
696
- --_rs-typography-letter-spacing:0.0045em;
763
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
697
764
  --_rs-typography-text-transform:initial;
698
765
  --_rs-typography-font-variant-numeric:initial;
699
766
  --_rs-typography-font-family:var(
@@ -795,11 +862,17 @@
795
862
  .rs-text-2_paragraph-offset-auto > pre:not(:nth-child(1)),
796
863
  .rs-text-3_paragraph-offset-auto > p:not(:nth-child(1)),
797
864
  .rs-text-3_paragraph-offset-auto > pre:not(:nth-child(1)){
798
- margin-top:var(--_rs-typography-text-auto-offset, 0);
865
+ margin-top:var(
866
+ --rs-typography-text-auto-offset,
867
+ var(--_rs-typography-text-auto-offset, 0)
868
+ );
799
869
  }
800
870
  .rs-text_paragraph-offset-auto > p:not(:nth-child(1)),
801
871
  .rs-text_paragraph-offset-auto > pre:not(:nth-child(1)){
802
- margin-top:var(--_rs-typography-text-auto-offset, 0);
872
+ margin-top:var(
873
+ --rs-typography-text-auto-offset,
874
+ var(--_rs-typography-text-auto-offset, 0)
875
+ );
803
876
  }
804
877
  .rs-ul{
805
878
  --_rs-typography-list-li-content-base:'\2022';
@@ -854,10 +927,16 @@
854
927
  position:relative;
855
928
 
856
929
  margin-top:var(
857
- --_rs-typography-list-li-margin-top,
858
- var(--_rs-typography-list-li-margin-top-fallback)
930
+ --rs-typography-list-li-margin-top,
931
+ var(
932
+ --_rs-typography-list-li-margin-top,
933
+ var(--_rs-typography-list-li-margin-top-fallback)
934
+ )
935
+ );
936
+ padding-left:var(
937
+ --rs-typography-list-li-padding-left,
938
+ var(--_rs-typography-list-li-padding-left)
859
939
  );
860
- padding-left:var(--_rs-typography-list-li-padding-left);
861
940
 
862
941
  list-style-type:none;
863
942
  }
@@ -883,19 +962,25 @@
883
962
  --_rs-typography-list-li-margin-top:12px;
884
963
  }
885
964
  .rs-ul_offset-items_16, .rs-ol_offset-items_16{
886
- --_rs-typography-list-li-margin-top:16px;
965
+ --_rs-typography-list-li-margin-top:var(
966
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
967
+ 16px
968
+ );
887
969
  }
888
970
  @media screen and (max-width: 640px){
889
971
  .rs-ul_offset-items_16, .rs-ol_offset-items_16{
890
- --_rs-typography-list-li-margin-top:12px;
972
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
891
973
  }
892
974
  }
893
975
  .rs-ul_offset-items_24, .rs-ol_offset-items_24{
894
- --_rs-typography-list-li-margin-top:24px;
976
+ --_rs-typography-list-li-margin-top:var(
977
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
978
+ 24px
979
+ );
895
980
  }
896
981
  @media screen and (max-width: 640px){
897
982
  .rs-ul_offset-items_24, .rs-ol_offset-items_24{
898
- --_rs-typography-list-li-margin-top:16px;
983
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
899
984
  }
900
985
  }
901
986
  .rs-ol_alpha_lower{
@@ -1335,6 +1420,7 @@
1335
1420
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1336
1421
 
1337
1422
  transition:margin-right 300ms, margin-left 300ms;
1423
+ font-feature-settings:"ss20" 1;
1338
1424
  }
1339
1425
  .rs-link:focus[data-focus-method='key']{
1340
1426
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(