@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/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(
@@ -759,7 +826,6 @@
759
826
  font-weight:var(--_rs-typography-font-weight);
760
827
  line-height:var(--_rs-typography-line-height);
761
828
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
762
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
763
829
  font-feature-settings:'kern', 'liga', 'calt';
764
830
  color:var(--_rs-typography-base-color);
765
831
  }
@@ -796,11 +862,17 @@
796
862
  .rs-text-2_paragraph-offset-auto > pre:not(:nth-child(1)),
797
863
  .rs-text-3_paragraph-offset-auto > p:not(:nth-child(1)),
798
864
  .rs-text-3_paragraph-offset-auto > pre:not(:nth-child(1)){
799
- 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
+ );
800
869
  }
801
870
  .rs-text_paragraph-offset-auto > p:not(:nth-child(1)),
802
871
  .rs-text_paragraph-offset-auto > pre:not(:nth-child(1)){
803
- 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
+ );
804
876
  }
805
877
  .rs-ul{
806
878
  --_rs-typography-list-li-content-base:'\2022';
@@ -849,17 +921,22 @@
849
921
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
850
922
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
851
923
  );
852
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
853
924
  font-feature-settings:'kern', 'liga', 'calt';
854
925
  }
855
926
  .rs-ul > li, .rs-ol > li{
856
927
  position:relative;
857
928
 
858
929
  margin-top:var(
859
- --_rs-typography-list-li-margin-top,
860
- 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)
861
939
  );
862
- padding-left:var(--_rs-typography-list-li-padding-left);
863
940
 
864
941
  list-style-type:none;
865
942
  }
@@ -885,19 +962,25 @@
885
962
  --_rs-typography-list-li-margin-top:12px;
886
963
  }
887
964
  .rs-ul_offset-items_16, .rs-ol_offset-items_16{
888
- --_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
+ );
889
969
  }
890
970
  @media screen and (max-width: 640px){
891
971
  .rs-ul_offset-items_16, .rs-ol_offset-items_16{
892
- --_rs-typography-list-li-margin-top:12px;
972
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
893
973
  }
894
974
  }
895
975
  .rs-ul_offset-items_24, .rs-ol_offset-items_24{
896
- --_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
+ );
897
980
  }
898
981
  @media screen and (max-width: 640px){
899
982
  .rs-ul_offset-items_24, .rs-ol_offset-items_24{
900
- --_rs-typography-list-li-margin-top:16px;
983
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
901
984
  }
902
985
  }
903
986
  .rs-ol_alpha_lower{
@@ -931,7 +1014,6 @@
931
1014
  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),
932
1015
  0.1
933
1016
  );
934
- -webkit-box-sizing:border-box;
935
1017
  box-sizing:border-box;
936
1018
  padding:0.11111em 0.44444em;
937
1019
  border-radius:4px;
@@ -960,7 +1042,6 @@
960
1042
  );
961
1043
  display:block;
962
1044
  overflow:auto;
963
- -webkit-box-sizing:border-box;
964
1045
  box-sizing:border-box;
965
1046
  width:100%;
966
1047
  max-width:100%;
@@ -1296,11 +1377,9 @@
1296
1377
  background-repeat:repeat-x;
1297
1378
  background-position:left calc(100% + 4px);
1298
1379
  background-size:var(--_rs-typography-link-background-size-final);
1299
- -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
1300
1380
  box-shadow:var(--_rs-typography-link-box-shadow-final);
1301
1381
  font-size:inherit;
1302
1382
  line-height:inherit;
1303
- -webkit-transition:var(--_rs-typography-link-transition-wf);
1304
1383
  transition:var(--_rs-typography-link-transition-wf);
1305
1384
  }
1306
1385
  .rs-link:active,
@@ -1340,9 +1419,8 @@
1340
1419
 
1341
1420
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1342
1421
 
1343
- -webkit-transition:margin-right 300ms, margin-left 300ms;
1344
-
1345
1422
  transition:margin-right 300ms, margin-left 300ms;
1423
+ font-feature-settings:"ss20" 1;
1346
1424
  }
1347
1425
  .rs-link:focus[data-focus-method='key']{
1348
1426
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(