@rescui/typography 0.21.1-RUI-230-Update-icons-0bd4e5fc.9 → 0.22.0

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 (8) hide show
  1. package/lib/index-moduled.css +310 -252
  2. package/lib/index-moduled.p.module.css.js +120 -120
  3. package/lib/index.css +195 -137
  4. package/lib/mixins.p.css +400 -278
  5. package/lib/mixins.pcss +400 -278
  6. package/lib/public-api.p.css +819 -407
  7. package/lib/public-api.pcss +819 -407
  8. package/package.json +6 -6
package/lib/public-api.pcss CHANGED
@@ -72,16 +72,16 @@
72
72
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
73
73
  );
74
74
  --_rs-typography-font-size:var(
75
- --rs-digits-1-font-size,
76
- 69px
75
+ --_rs-typography-digits-1-sm-font-size,
76
+ var(--rs-digits-1-font-size, 69px)
77
77
  );
78
78
  --_rs-typography-font-weight:var(
79
79
  --rs-font-weight-light,
80
80
  300
81
81
  );
82
82
  --_rs-typography-line-height:var(
83
- --rs-digits-1-line-height,
84
- 71px
83
+ --_rs-typography-digits-1-sm-line-height,
84
+ var(--rs-digits-1-line-height, 71px)
85
85
  );
86
86
  --_rs-typography-base-color:var(
87
87
  --_rs-typography-hardness-color,
@@ -98,14 +98,29 @@
98
98
 
99
99
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
100
100
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
101
- --_rs-typography-link-border-bottom-width-from-text:3px;
102
- @media screen and (max-width: 640px){
103
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
104
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
101
+ --_rs-typography-link-border-bottom-width-from-text:var(
102
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
103
+ 3px
104
+ );
105
105
 
106
- --_rs-typography-link-border-bottom-width-from-text:2px;
106
+ @media screen and (max-width: 640px){
107
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
108
+ --_rs-typography-digits-1-sm-line-height:var(
109
+ --rs-digits-2-line-height,
110
+ 44px
111
+ );
112
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
107
113
  }
108
114
  }
115
+ @define-mixin rs-typography-digits-1-sm{
116
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
117
+ --_rs-typography-digits-1-sm-line-height:var(
118
+ --rs-digits-2-line-height,
119
+ 44px
120
+ );
121
+
122
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
123
+ }
109
124
  @define-mixin rs-typography-digits-2{
110
125
  --_rs-typography-letter-spacing:var(--rs-digits-2-letter-spacing, -0.005em);
111
126
  --_rs-typography-text-transform:initial;
@@ -146,7 +161,13 @@
146
161
  --_rs-typography-link-border-bottom-width-from-text:2px;
147
162
  }
148
163
  @define-mixin rs-typography-super-hero{
149
- --_rs-typography-letter-spacing:var(--rs-super-hero-letter-spacing, -0.02em);
164
+ --_rs-typography-letter-spacing:var(
165
+ --_rs-typography-super-hero-sm-letter-spacing,
166
+ var(
167
+ --_rs-typography-super-hero-md-letter-spacing,
168
+ var(--rs-super-hero-letter-spacing, -0.02em)
169
+ )
170
+ );
150
171
  --_rs-typography-text-transform:initial;
151
172
  --_rs-typography-font-variant-numeric:initial;
152
173
  --_rs-typography-font-family:var(
@@ -156,16 +177,22 @@
156
177
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
157
178
  );
158
179
  --_rs-typography-font-size:var(
159
- --rs-super-hero-font-size,
160
- 142px
180
+ --_rs-typography-super-hero-sm-font-size,
181
+ var(
182
+ --_rs-typography-super-hero-md-font-size,
183
+ var(--rs-super-hero-font-size, 142px)
184
+ )
161
185
  );
162
186
  --_rs-typography-font-weight:var(
163
187
  --rs-font-weight-semi-bold,
164
188
  600
165
189
  );
166
190
  --_rs-typography-line-height:var(
167
- --rs-super-hero-line-height,
168
- 142px
191
+ --_rs-typography-super-hero-sm-line-height,
192
+ var(
193
+ --_rs-typography-super-hero-md-line-height,
194
+ var(--rs-super-hero-line-height, 142px)
195
+ )
169
196
  );
170
197
  --_rs-typography-base-color:var(
171
198
  --_rs-typography-heading-hardness-color,
@@ -182,45 +209,80 @@
182
209
 
183
210
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
184
211
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
185
- --_rs-typography-link-border-bottom-width-from-text:4px;
186
- @media screen and (max-width: 1000px){
187
- --_rs-typography-font-size:var(
188
- --rs-middle-hero-font-size,
189
- 92px
190
- );
191
- --_rs-typography-line-height:var(
192
- --rs-middle-hero-line-height,
193
- 92px
194
- );
195
- --_rs-typography-letter-spacing:var(
196
- --rs-middle-hero-letter-spacing,
197
- -0.008em
198
- );
212
+ --_rs-typography-link-border-bottom-width-from-text:var(
213
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
214
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
215
+ );
199
216
 
200
- --_rs-typography-link-border-bottom-width-from-text:3px;
217
+ @media screen and (max-width: 1000px){
218
+ --_rs-typography-super-hero-md-font-size:var(
219
+ --rs-middle-hero-font-size,
220
+ 92px
221
+ );
222
+ --_rs-typography-super-hero-md-line-height:var(
223
+ --rs-middle-hero-line-height,
224
+ 92px
225
+ );
226
+ --_rs-typography-super-hero-md-letter-spacing:var(
227
+ --rs-middle-hero-letter-spacing,
228
+ -0.008em
229
+ );
230
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
201
231
  }
202
- @media screen and (max-width: 640px){
203
- --_rs-typography-font-size:var(
204
- --rs-middle-hero-font-size-mobile,
205
- 58px
206
- );
207
- --_rs-typography-line-height:var(
208
- --rs-middle-hero-line-height-mobile,
209
- 62px
210
- );
211
- --_rs-typography-letter-spacing:var(
212
- --rs-middle-hero-letter-spacing-mobile,
213
- -0.0007em
214
- );
215
232
 
216
- --_rs-typography-link-border-bottom-width-from-text:2px;
233
+ @media screen and (max-width: 640px){
234
+ --_rs-typography-super-hero-sm-font-size:var(
235
+ --rs-middle-hero-font-size-mobile,
236
+ 58px
237
+ );
238
+ --_rs-typography-super-hero-sm-line-height:var(
239
+ --rs-middle-hero-line-height-mobile,
240
+ 62px
241
+ );
242
+ --_rs-typography-super-hero-sm-letter-spacing:var(
243
+ --rs-middle-hero-letter-spacing-mobile,
244
+ -0.0007em
245
+ );
246
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
217
247
  }
218
248
  }
219
- @define-mixin rs-typography-middle-hero{
220
- --_rs-typography-letter-spacing:var(
249
+ @define-mixin rs-typography-super-hero-md{
250
+ --_rs-typography-super-hero-md-font-size:var(
251
+ --rs-middle-hero-font-size,
252
+ 92px
253
+ );
254
+ --_rs-typography-super-hero-md-line-height:var(
255
+ --rs-middle-hero-line-height,
256
+ 92px
257
+ );
258
+ --_rs-typography-super-hero-md-letter-spacing:var(
221
259
  --rs-middle-hero-letter-spacing,
222
260
  -0.008em
223
261
  );
262
+
263
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
264
+ }
265
+ @define-mixin rs-typography-super-hero-sm{
266
+ --_rs-typography-super-hero-sm-font-size:var(
267
+ --rs-middle-hero-font-size-mobile,
268
+ 58px
269
+ );
270
+ --_rs-typography-super-hero-sm-line-height:var(
271
+ --rs-middle-hero-line-height-mobile,
272
+ 62px
273
+ );
274
+ --_rs-typography-super-hero-sm-letter-spacing:var(
275
+ --rs-middle-hero-letter-spacing-mobile,
276
+ -0.0007em
277
+ );
278
+
279
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
280
+ }
281
+ @define-mixin rs-typography-middle-hero{
282
+ --_rs-typography-letter-spacing:var(
283
+ --_rs-typography-middle-hero-sm-letter-spacing,
284
+ var(--rs-middle-hero-letter-spacing, -0.008em)
285
+ );
224
286
  --_rs-typography-text-transform:initial;
225
287
  --_rs-typography-font-variant-numeric:initial;
226
288
  --_rs-typography-font-family:var(
@@ -230,16 +292,16 @@
230
292
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
231
293
  );
232
294
  --_rs-typography-font-size:var(
233
- --rs-middle-hero-font-size,
234
- 92px
295
+ --_rs-typography-middle-hero-sm-font-size,
296
+ var(--rs-middle-hero-font-size, 92px)
235
297
  );
236
298
  --_rs-typography-font-weight:var(
237
299
  --rs-font-weight-semi-bold,
238
300
  600
239
301
  );
240
302
  --_rs-typography-line-height:var(
241
- --rs-middle-hero-line-height,
242
- 92px
303
+ --_rs-typography-middle-hero-sm-line-height,
304
+ var(--rs-middle-hero-line-height, 92px)
243
305
  );
244
306
  --_rs-typography-base-color:var(
245
307
  --_rs-typography-heading-hardness-color,
@@ -256,26 +318,48 @@
256
318
 
257
319
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
258
320
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
259
- --_rs-typography-link-border-bottom-width-from-text:3px;
260
- @media screen and (max-width: 640px){
261
- --_rs-typography-font-size:var(
262
- --rs-middle-hero-font-size-mobile,
263
- 58px
264
- );
265
- --_rs-typography-line-height:var(
266
- --rs-middle-hero-line-height-mobile,
267
- 62px
268
- );
269
- --_rs-typography-letter-spacing:var(
270
- --rs-middle-hero-letter-spacing-mobile,
271
- -0.0007em
272
- );
321
+ --_rs-typography-link-border-bottom-width-from-text:var(
322
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
323
+ 3px
324
+ );
273
325
 
274
- --_rs-typography-link-border-bottom-width-from-text:2px;
326
+ @media screen and (max-width: 640px){
327
+ --_rs-typography-middle-hero-sm-font-size:var(
328
+ --rs-middle-hero-font-size-mobile,
329
+ 58px
330
+ );
331
+ --_rs-typography-middle-hero-sm-line-height:var(
332
+ --rs-middle-hero-line-height-mobile,
333
+ 62px
334
+ );
335
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
336
+ --rs-middle-hero-letter-spacing-mobile,
337
+ -0.0007em
338
+ );
339
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
275
340
  }
276
341
  }
342
+ @define-mixin rs-typography-middle-hero-sm{
343
+ --_rs-typography-middle-hero-sm-font-size:var(
344
+ --rs-middle-hero-font-size-mobile,
345
+ 58px
346
+ );
347
+ --_rs-typography-middle-hero-sm-line-height:var(
348
+ --rs-middle-hero-line-height-mobile,
349
+ 62px
350
+ );
351
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
352
+ --rs-middle-hero-letter-spacing-mobile,
353
+ -0.0007em
354
+ );
355
+
356
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
357
+ }
277
358
  @define-mixin rs-typography-hero{
278
- --_rs-typography-letter-spacing:var(--rs-hero-letter-spacing, -0.005em);
359
+ --_rs-typography-letter-spacing:var(
360
+ --_rs-typography-hero-sm-letter-spacing,
361
+ var(--rs-hero-letter-spacing, -0.005em)
362
+ );
279
363
  --_rs-typography-text-transform:initial;
280
364
  --_rs-typography-font-variant-numeric:initial;
281
365
  --_rs-typography-font-family:var(
@@ -284,14 +368,17 @@
284
368
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
285
369
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
286
370
  );
287
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
371
+ --_rs-typography-font-size:var(
372
+ --_rs-typography-hero-sm-font-size,
373
+ var(--rs-hero-font-size, 72px)
374
+ );
288
375
  --_rs-typography-font-weight:var(
289
376
  --rs-font-weight-semi-bold,
290
377
  600
291
378
  );
292
379
  --_rs-typography-line-height:var(
293
- --rs-hero-line-height,
294
- 72px
380
+ --_rs-typography-hero-sm-line-height,
381
+ var(--rs-hero-line-height, 72px)
295
382
  );
296
383
  --_rs-typography-base-color:var(
297
384
  --_rs-typography-heading-hardness-color,
@@ -308,24 +395,43 @@
308
395
 
309
396
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
310
397
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
311
- --_rs-typography-link-border-bottom-width-from-text:3px;
312
- @media screen and (max-width: 640px){
313
- --_rs-typography-font-size:var(
314
- --rs-hero-font-size-mobile,
315
- 42px
316
- );
317
- --_rs-typography-line-height:var(
318
- --rs-hero-line-height-mobile,
319
- 50px
320
- );
321
- --_rs-typography-letter-spacing:var(
322
- --rs-hero-letter-spacing-mobile,
323
- -0.001em
324
- );
398
+ --_rs-typography-link-border-bottom-width-from-text:var(
399
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
400
+ 3px
401
+ );
325
402
 
326
- --_rs-typography-link-border-bottom-width-from-text:2px;
403
+ @media screen and (max-width: 640px){
404
+ --_rs-typography-hero-sm-font-size:var(
405
+ --rs-hero-font-size-mobile,
406
+ 42px
407
+ );
408
+ --_rs-typography-hero-sm-line-height:var(
409
+ --rs-hero-line-height-mobile,
410
+ 50px
411
+ );
412
+ --_rs-typography-hero-sm-letter-spacing:var(
413
+ --rs-hero-letter-spacing-mobile,
414
+ -0.001em
415
+ );
416
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
327
417
  }
328
418
  }
419
+ @define-mixin rs-typography-hero-sm{
420
+ --_rs-typography-hero-sm-font-size:var(
421
+ --rs-hero-font-size-mobile,
422
+ 42px
423
+ );
424
+ --_rs-typography-hero-sm-line-height:var(
425
+ --rs-hero-line-height-mobile,
426
+ 50px
427
+ );
428
+ --_rs-typography-hero-sm-letter-spacing:var(
429
+ --rs-hero-letter-spacing-mobile,
430
+ -0.001em
431
+ );
432
+
433
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
434
+ }
329
435
  @define-mixin rs-typography-subtitle-1{
330
436
  --_rs-typography-letter-spacing:var(--rs-subtitle-1-letter-spacing, normal);
331
437
  --_rs-typography-text-transform:initial;
@@ -337,16 +443,16 @@
337
443
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
338
444
  );
339
445
  --_rs-typography-font-size:var(
340
- --rs-subtitle-1-font-size,
341
- 39px
446
+ --_rs-typography-subtitle-1-sm-font-size,
447
+ var(--rs-subtitle-1-font-size, 39px)
342
448
  );
343
449
  --_rs-typography-font-weight:var(
344
450
  --rs-font-weight-light,
345
451
  300
346
452
  );
347
453
  --_rs-typography-line-height:var(
348
- --rs-subtitle-1-line-height,
349
- 49px
454
+ --_rs-typography-subtitle-1-sm-line-height,
455
+ var(--rs-subtitle-1-line-height, 49px)
350
456
  );
351
457
  --_rs-typography-base-color:var(
352
458
  --_rs-typography-hardness-color,
@@ -364,17 +470,28 @@
364
470
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
365
471
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
366
472
  --_rs-typography-link-border-bottom-width-from-text:2px;
473
+
367
474
  @media screen and (max-width: 640px){
368
- --_rs-typography-font-size:var(
369
- --rs-subtitle-2-font-size-mobile,
370
- 23px
371
- );
372
- --_rs-typography-line-height:var(
373
- --rs-subtitle-2-line-height-mobile,
374
- 30px
375
- );
475
+ --_rs-typography-subtitle-1-sm-font-size:var(
476
+ --rs-subtitle-2-font-size-mobile,
477
+ 23px
478
+ );
479
+ --_rs-typography-subtitle-1-sm-line-height:var(
480
+ --rs-subtitle-2-line-height-mobile,
481
+ 30px
482
+ );
376
483
  }
377
484
  }
485
+ @define-mixin rs-typography-subtitle-1-sm{
486
+ --_rs-typography-subtitle-1-sm-font-size:var(
487
+ --rs-subtitle-2-font-size-mobile,
488
+ 23px
489
+ );
490
+ --_rs-typography-subtitle-1-sm-line-height:var(
491
+ --rs-subtitle-2-line-height-mobile,
492
+ 30px
493
+ );
494
+ }
378
495
  @define-mixin rs-typography-subtitle-2{
379
496
  --_rs-typography-letter-spacing:var(--rs-subtitle-2-letter-spacing, normal);
380
497
  --_rs-typography-text-transform:initial;
@@ -386,16 +503,16 @@
386
503
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
387
504
  );
388
505
  --_rs-typography-font-size:var(
389
- --rs-subtitle-2-font-size,
390
- 29px
506
+ --_rs-typography-subtitle-2-sm-font-size,
507
+ var(--rs-subtitle-2-font-size, 29px)
391
508
  );
392
509
  --_rs-typography-font-weight:var(
393
510
  --rs-font-weight-light,
394
511
  300
395
512
  );
396
513
  --_rs-typography-line-height:var(
397
- --rs-subtitle-2-line-height,
398
- 39px
514
+ --_rs-typography-subtitle-2-sm-line-height,
515
+ var(--rs-subtitle-2-line-height, 39px)
399
516
  );
400
517
  --_rs-typography-base-color:var(
401
518
  --_rs-typography-hardness-color,
@@ -413,19 +530,33 @@
413
530
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
414
531
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
415
532
  --_rs-typography-link-border-bottom-width-from-text:2px;
533
+
416
534
  @media screen and (max-width: 640px){
417
- --_rs-typography-font-size:var(
418
- --rs-subtitle-2-font-size-mobile,
419
- 23px
420
- );
421
- --_rs-typography-line-height:var(
422
- --rs-subtitle-2-line-height-mobile,
423
- 30px
424
- );
535
+ --_rs-typography-subtitle-2-sm-font-size:var(
536
+ --rs-subtitle-2-font-size-mobile,
537
+ 23px
538
+ );
539
+ --_rs-typography-subtitle-2-sm-line-height:var(
540
+ --rs-subtitle-2-line-height-mobile,
541
+ 30px
542
+ );
425
543
  }
426
544
  }
545
+ @define-mixin rs-typography-subtitle-2-sm{
546
+ --_rs-typography-subtitle-2-sm-font-size:var(
547
+ --rs-subtitle-2-font-size-mobile,
548
+ 23px
549
+ );
550
+ --_rs-typography-subtitle-2-sm-line-height:var(
551
+ --rs-subtitle-2-line-height-mobile,
552
+ 30px
553
+ );
554
+ }
427
555
  @define-mixin rs-typography-h1{
428
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing, -0.001em);
556
+ --_rs-typography-letter-spacing:var(
557
+ --_rs-typography-h1-sm-letter-spacing,
558
+ var(--rs-h1-letter-spacing, -0.001em)
559
+ );
429
560
  --_rs-typography-text-transform:initial;
430
561
  --_rs-typography-font-variant-numeric:initial;
431
562
  --_rs-typography-font-family:var(
@@ -434,12 +565,18 @@
434
565
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
435
566
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
436
567
  );
437
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
568
+ --_rs-typography-font-size:var(
569
+ --_rs-typography-h1-sm-font-size,
570
+ var(--rs-h1-font-size, 43px)
571
+ );
438
572
  --_rs-typography-font-weight:var(
439
573
  --rs-font-weight-semi-bold,
440
574
  600
441
575
  );
442
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
576
+ --_rs-typography-line-height:var(
577
+ --_rs-typography-h1-sm-line-height,
578
+ var(--rs-h1-line-height, 49px)
579
+ );
443
580
  --_rs-typography-base-color:var(
444
581
  --_rs-typography-heading-hardness-color,
445
582
  var(
@@ -456,18 +593,36 @@
456
593
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
457
594
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
458
595
  --_rs-typography-link-border-bottom-width-from-text:2px;
596
+
459
597
  @media screen and (max-width: 640px){
460
- --_rs-typography-font-size:var(
461
- --rs-h1-font-size-mobile,
462
- 35px
463
- );
464
- --_rs-typography-line-height:var(
465
- --rs-h1-line-height-mobile,
466
- 39px
467
- );
468
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, normal);
598
+ --_rs-typography-h1-sm-font-size:var(
599
+ --rs-h1-font-size-mobile,
600
+ 35px
601
+ );
602
+ --_rs-typography-h1-sm-line-height:var(
603
+ --rs-h1-line-height-mobile,
604
+ 39px
605
+ );
606
+ --_rs-typography-h1-sm-letter-spacing:var(
607
+ --rs-h1-letter-spacing-mobile,
608
+ normal
609
+ );
469
610
  }
470
611
  }
612
+ @define-mixin rs-typography-h1-sm{
613
+ --_rs-typography-h1-sm-font-size:var(
614
+ --rs-h1-font-size-mobile,
615
+ 35px
616
+ );
617
+ --_rs-typography-h1-sm-line-height:var(
618
+ --rs-h1-line-height-mobile,
619
+ 39px
620
+ );
621
+ --_rs-typography-h1-sm-letter-spacing:var(
622
+ --rs-h1-letter-spacing-mobile,
623
+ normal
624
+ );
625
+ }
471
626
  @define-mixin rs-typography-h2{
472
627
  --_rs-typography-letter-spacing:var(--rs-h2-letter-spacing, normal);
473
628
  --_rs-typography-text-transform:initial;
@@ -478,12 +633,18 @@
478
633
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
479
634
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
480
635
  );
481
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
636
+ --_rs-typography-font-size:var(
637
+ --_rs-typography-h2-sm-font-size,
638
+ var(--rs-h2-font-size, 35px)
639
+ );
482
640
  --_rs-typography-font-weight:var(
483
641
  --rs-font-weight-semi-bold,
484
642
  600
485
643
  );
486
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
644
+ --_rs-typography-line-height:var(
645
+ --_rs-typography-h2-sm-line-height,
646
+ var(--rs-h2-line-height, 42px)
647
+ );
487
648
  --_rs-typography-base-color:var(
488
649
  --_rs-typography-heading-hardness-color,
489
650
  var(
@@ -500,17 +661,28 @@
500
661
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
501
662
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
502
663
  --_rs-typography-link-border-bottom-width-from-text:2px;
664
+
503
665
  @media screen and (max-width: 640px){
504
- --_rs-typography-font-size:var(
505
- --rs-h2-font-size-mobile,
506
- 28px
507
- );
508
- --_rs-typography-line-height:var(
509
- --rs-h2-line-height-mobile,
510
- 32px
511
- );
666
+ --_rs-typography-h2-sm-font-size:var(
667
+ --rs-h2-font-size-mobile,
668
+ 28px
669
+ );
670
+ --_rs-typography-h2-sm-line-height:var(
671
+ --rs-h2-line-height-mobile,
672
+ 32px
673
+ );
512
674
  }
513
675
  }
676
+ @define-mixin rs-typography-h2-sm{
677
+ --_rs-typography-h2-sm-font-size:var(
678
+ --rs-h2-font-size-mobile,
679
+ 28px
680
+ );
681
+ --_rs-typography-h2-sm-line-height:var(
682
+ --rs-h2-line-height-mobile,
683
+ 32px
684
+ );
685
+ }
514
686
  @define-mixin rs-typography-h3{
515
687
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
516
688
  --_rs-typography-text-transform:initial;
@@ -640,15 +812,22 @@
640
812
 
641
813
  --_rs-typography-ul-list-li-padding-left:26px;
642
814
  --_rs-typography-ol-list-li-padding-left:32px;
643
- --_rs-typography-list-li-margin-top-from-text:24px;
815
+ --_rs-typography-list-li-margin-top-from-text:var(
816
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
817
+ 24px
818
+ );
644
819
 
645
820
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
646
821
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
647
822
  --_rs-typography-link-border-bottom-width-from-text:1px;
823
+
648
824
  @media screen and (max-width: 640px){
649
- --_rs-typography-list-li-margin-top-from-text:16px;
825
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
650
826
  }
651
827
  }
828
+ @define-mixin rs-typography-text-1-sm{
829
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
830
+ }
652
831
  @define-mixin rs-typography-text-2{
653
832
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
654
833
  --_rs-typography-text-transform:initial;
@@ -679,15 +858,22 @@
679
858
 
680
859
  --_rs-typography-ul-list-li-padding-left:22px;
681
860
  --_rs-typography-ol-list-li-padding-left:26px;
682
- --_rs-typography-list-li-margin-top-from-text:16px;
861
+ --_rs-typography-list-li-margin-top-from-text:var(
862
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
863
+ 16px
864
+ );
683
865
 
684
866
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
685
867
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
686
868
  --_rs-typography-link-border-bottom-width-from-text:1px;
869
+
687
870
  @media screen and (max-width: 640px){
688
- --_rs-typography-list-li-margin-top-from-text:12px;
871
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
689
872
  }
690
873
  }
874
+ @define-mixin rs-typography-text-2-sm{
875
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
876
+ }
691
877
  @define-mixin rs-typography-text-3{
692
878
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
693
879
  --_rs-typography-text-transform:initial;
@@ -803,17 +989,31 @@
803
989
  --_rs-typography-list-li-margin-top:12px;
804
990
  }
805
991
  @define-mixin rs-typography-list-offset-items-16{
806
- --_rs-typography-list-li-margin-top:16px;
992
+ --_rs-typography-list-li-margin-top:var(
993
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
994
+ 16px
995
+ );
996
+
807
997
  @media screen and (max-width: 640px){
808
- --_rs-typography-list-li-margin-top:12px;
998
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
809
999
  }
810
1000
  }
1001
+ @define-mixin rs-typography-list-offset-items-16-sm{
1002
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
1003
+ }
811
1004
  @define-mixin rs-typography-list-offset-items-24{
812
- --_rs-typography-list-li-margin-top:24px;
1005
+ --_rs-typography-list-li-margin-top:var(
1006
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
1007
+ 24px
1008
+ );
1009
+
813
1010
  @media screen and (max-width: 640px){
814
- --_rs-typography-list-li-margin-top:16px;
1011
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
815
1012
  }
816
1013
  }
1014
+ @define-mixin rs-typography-list-offset-items-24-sm{
1015
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
1016
+ }
817
1017
  @define-mixin rs-typography-list-offset-items-auto{
818
1018
  --_rs-typography-list-li-margin-top:initial;
819
1019
  }
@@ -1381,16 +1581,16 @@
1381
1581
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1382
1582
  );
1383
1583
  --_rs-typography-font-size:var(
1384
- --rs-digits-1-font-size,
1385
- 69px
1584
+ --_rs-typography-digits-1-sm-font-size,
1585
+ var(--rs-digits-1-font-size, 69px)
1386
1586
  );
1387
1587
  --_rs-typography-font-weight:var(
1388
1588
  --rs-font-weight-light,
1389
1589
  300
1390
1590
  );
1391
1591
  --_rs-typography-line-height:var(
1392
- --rs-digits-1-line-height,
1393
- 71px
1592
+ --_rs-typography-digits-1-sm-line-height,
1593
+ var(--rs-digits-1-line-height, 71px)
1394
1594
  );
1395
1595
  --_rs-typography-base-color:var(
1396
1596
  --_rs-typography-hardness-color,
@@ -1405,12 +1605,17 @@
1405
1605
  --_rs-typography-list-li-margin-top-from-text:initial;
1406
1606
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1407
1607
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
1408
- --_rs-typography-link-border-bottom-width-from-text:3px;
1608
+ --_rs-typography-link-border-bottom-width-from-text:var(
1609
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
1610
+ 3px
1611
+ );
1409
1612
  @media screen and (max-width: 640px){
1410
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
1411
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
1412
-
1413
- --_rs-typography-link-border-bottom-width-from-text:2px;
1613
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
1614
+ --_rs-typography-digits-1-sm-line-height:var(
1615
+ --rs-digits-2-line-height,
1616
+ 44px
1617
+ );
1618
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
1414
1619
  }
1415
1620
  --_rs-theme-dark:var(
1416
1621
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1489,7 +1694,13 @@
1489
1694
  color:var(--_rs-typography-base-color);
1490
1695
  }
1491
1696
  @define-mixin rs-typography-super-hero-full{
1492
- --_rs-typography-letter-spacing:var(--rs-super-hero-letter-spacing, -0.02em);
1697
+ --_rs-typography-letter-spacing:var(
1698
+ --_rs-typography-super-hero-sm-letter-spacing,
1699
+ var(
1700
+ --_rs-typography-super-hero-md-letter-spacing,
1701
+ var(--rs-super-hero-letter-spacing, -0.02em)
1702
+ )
1703
+ );
1493
1704
  --_rs-typography-text-transform:initial;
1494
1705
  --_rs-typography-font-variant-numeric:initial;
1495
1706
  --_rs-typography-font-family:var(
@@ -1499,16 +1710,22 @@
1499
1710
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1500
1711
  );
1501
1712
  --_rs-typography-font-size:var(
1502
- --rs-super-hero-font-size,
1503
- 142px
1713
+ --_rs-typography-super-hero-sm-font-size,
1714
+ var(
1715
+ --_rs-typography-super-hero-md-font-size,
1716
+ var(--rs-super-hero-font-size, 142px)
1717
+ )
1504
1718
  );
1505
1719
  --_rs-typography-font-weight:var(
1506
1720
  --rs-font-weight-semi-bold,
1507
1721
  600
1508
1722
  );
1509
1723
  --_rs-typography-line-height:var(
1510
- --rs-super-hero-line-height,
1511
- 142px
1724
+ --_rs-typography-super-hero-sm-line-height,
1725
+ var(
1726
+ --_rs-typography-super-hero-md-line-height,
1727
+ var(--rs-super-hero-line-height, 142px)
1728
+ )
1512
1729
  );
1513
1730
  --_rs-typography-base-color:var(
1514
1731
  --_rs-typography-heading-hardness-color,
@@ -1523,38 +1740,39 @@
1523
1740
  --_rs-typography-list-li-margin-top-from-text:initial;
1524
1741
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1525
1742
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1526
- --_rs-typography-link-border-bottom-width-from-text:4px;
1743
+ --_rs-typography-link-border-bottom-width-from-text:var(
1744
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
1745
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
1746
+ );
1527
1747
  @media screen and (max-width: 1000px){
1528
- --_rs-typography-font-size:var(
1529
- --rs-middle-hero-font-size,
1530
- 92px
1531
- );
1532
- --_rs-typography-line-height:var(
1533
- --rs-middle-hero-line-height,
1534
- 92px
1535
- );
1536
- --_rs-typography-letter-spacing:var(
1537
- --rs-middle-hero-letter-spacing,
1538
- -0.008em
1539
- );
1540
-
1541
- --_rs-typography-link-border-bottom-width-from-text:3px;
1748
+ --_rs-typography-super-hero-md-font-size:var(
1749
+ --rs-middle-hero-font-size,
1750
+ 92px
1751
+ );
1752
+ --_rs-typography-super-hero-md-line-height:var(
1753
+ --rs-middle-hero-line-height,
1754
+ 92px
1755
+ );
1756
+ --_rs-typography-super-hero-md-letter-spacing:var(
1757
+ --rs-middle-hero-letter-spacing,
1758
+ -0.008em
1759
+ );
1760
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
1542
1761
  }
1543
1762
  @media screen and (max-width: 640px){
1544
- --_rs-typography-font-size:var(
1545
- --rs-middle-hero-font-size-mobile,
1546
- 58px
1547
- );
1548
- --_rs-typography-line-height:var(
1549
- --rs-middle-hero-line-height-mobile,
1550
- 62px
1551
- );
1552
- --_rs-typography-letter-spacing:var(
1553
- --rs-middle-hero-letter-spacing-mobile,
1554
- -0.0007em
1555
- );
1556
-
1557
- --_rs-typography-link-border-bottom-width-from-text:2px;
1763
+ --_rs-typography-super-hero-sm-font-size:var(
1764
+ --rs-middle-hero-font-size-mobile,
1765
+ 58px
1766
+ );
1767
+ --_rs-typography-super-hero-sm-line-height:var(
1768
+ --rs-middle-hero-line-height-mobile,
1769
+ 62px
1770
+ );
1771
+ --_rs-typography-super-hero-sm-letter-spacing:var(
1772
+ --rs-middle-hero-letter-spacing-mobile,
1773
+ -0.0007em
1774
+ );
1775
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
1558
1776
  }
1559
1777
  --_rs-theme-dark:var(
1560
1778
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1578,8 +1796,8 @@
1578
1796
  }
1579
1797
  @define-mixin rs-typography-middle-hero-full{
1580
1798
  --_rs-typography-letter-spacing:var(
1581
- --rs-middle-hero-letter-spacing,
1582
- -0.008em
1799
+ --_rs-typography-middle-hero-sm-letter-spacing,
1800
+ var(--rs-middle-hero-letter-spacing, -0.008em)
1583
1801
  );
1584
1802
  --_rs-typography-text-transform:initial;
1585
1803
  --_rs-typography-font-variant-numeric:initial;
@@ -1590,16 +1808,16 @@
1590
1808
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1591
1809
  );
1592
1810
  --_rs-typography-font-size:var(
1593
- --rs-middle-hero-font-size,
1594
- 92px
1811
+ --_rs-typography-middle-hero-sm-font-size,
1812
+ var(--rs-middle-hero-font-size, 92px)
1595
1813
  );
1596
1814
  --_rs-typography-font-weight:var(
1597
1815
  --rs-font-weight-semi-bold,
1598
1816
  600
1599
1817
  );
1600
1818
  --_rs-typography-line-height:var(
1601
- --rs-middle-hero-line-height,
1602
- 92px
1819
+ --_rs-typography-middle-hero-sm-line-height,
1820
+ var(--rs-middle-hero-line-height, 92px)
1603
1821
  );
1604
1822
  --_rs-typography-base-color:var(
1605
1823
  --_rs-typography-heading-hardness-color,
@@ -1614,22 +1832,24 @@
1614
1832
  --_rs-typography-list-li-margin-top-from-text:initial;
1615
1833
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1616
1834
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1617
- --_rs-typography-link-border-bottom-width-from-text:3px;
1835
+ --_rs-typography-link-border-bottom-width-from-text:var(
1836
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
1837
+ 3px
1838
+ );
1618
1839
  @media screen and (max-width: 640px){
1619
- --_rs-typography-font-size:var(
1620
- --rs-middle-hero-font-size-mobile,
1621
- 58px
1622
- );
1623
- --_rs-typography-line-height:var(
1624
- --rs-middle-hero-line-height-mobile,
1625
- 62px
1626
- );
1627
- --_rs-typography-letter-spacing:var(
1628
- --rs-middle-hero-letter-spacing-mobile,
1629
- -0.0007em
1630
- );
1631
-
1632
- --_rs-typography-link-border-bottom-width-from-text:2px;
1840
+ --_rs-typography-middle-hero-sm-font-size:var(
1841
+ --rs-middle-hero-font-size-mobile,
1842
+ 58px
1843
+ );
1844
+ --_rs-typography-middle-hero-sm-line-height:var(
1845
+ --rs-middle-hero-line-height-mobile,
1846
+ 62px
1847
+ );
1848
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
1849
+ --rs-middle-hero-letter-spacing-mobile,
1850
+ -0.0007em
1851
+ );
1852
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
1633
1853
  }
1634
1854
  --_rs-theme-dark:var(
1635
1855
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1652,7 +1872,10 @@
1652
1872
  color:var(--_rs-typography-base-color);
1653
1873
  }
1654
1874
  @define-mixin rs-typography-hero-full{
1655
- --_rs-typography-letter-spacing:var(--rs-hero-letter-spacing, -0.005em);
1875
+ --_rs-typography-letter-spacing:var(
1876
+ --_rs-typography-hero-sm-letter-spacing,
1877
+ var(--rs-hero-letter-spacing, -0.005em)
1878
+ );
1656
1879
  --_rs-typography-text-transform:initial;
1657
1880
  --_rs-typography-font-variant-numeric:initial;
1658
1881
  --_rs-typography-font-family:var(
@@ -1661,14 +1884,17 @@
1661
1884
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1662
1885
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1663
1886
  );
1664
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
1887
+ --_rs-typography-font-size:var(
1888
+ --_rs-typography-hero-sm-font-size,
1889
+ var(--rs-hero-font-size, 72px)
1890
+ );
1665
1891
  --_rs-typography-font-weight:var(
1666
1892
  --rs-font-weight-semi-bold,
1667
1893
  600
1668
1894
  );
1669
1895
  --_rs-typography-line-height:var(
1670
- --rs-hero-line-height,
1671
- 72px
1896
+ --_rs-typography-hero-sm-line-height,
1897
+ var(--rs-hero-line-height, 72px)
1672
1898
  );
1673
1899
  --_rs-typography-base-color:var(
1674
1900
  --_rs-typography-heading-hardness-color,
@@ -1683,22 +1909,24 @@
1683
1909
  --_rs-typography-list-li-margin-top-from-text:initial;
1684
1910
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1685
1911
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1686
- --_rs-typography-link-border-bottom-width-from-text:3px;
1912
+ --_rs-typography-link-border-bottom-width-from-text:var(
1913
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
1914
+ 3px
1915
+ );
1687
1916
  @media screen and (max-width: 640px){
1688
- --_rs-typography-font-size:var(
1689
- --rs-hero-font-size-mobile,
1690
- 42px
1691
- );
1692
- --_rs-typography-line-height:var(
1693
- --rs-hero-line-height-mobile,
1694
- 50px
1695
- );
1696
- --_rs-typography-letter-spacing:var(
1697
- --rs-hero-letter-spacing-mobile,
1698
- -0.001em
1699
- );
1700
-
1701
- --_rs-typography-link-border-bottom-width-from-text:2px;
1917
+ --_rs-typography-hero-sm-font-size:var(
1918
+ --rs-hero-font-size-mobile,
1919
+ 42px
1920
+ );
1921
+ --_rs-typography-hero-sm-line-height:var(
1922
+ --rs-hero-line-height-mobile,
1923
+ 50px
1924
+ );
1925
+ --_rs-typography-hero-sm-letter-spacing:var(
1926
+ --rs-hero-letter-spacing-mobile,
1927
+ -0.001em
1928
+ );
1929
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
1702
1930
  }
1703
1931
  --_rs-theme-dark:var(
1704
1932
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1721,7 +1949,10 @@
1721
1949
  color:var(--_rs-typography-base-color);
1722
1950
  }
1723
1951
  @define-mixin rs-typography-h1-full{
1724
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing, -0.001em);
1952
+ --_rs-typography-letter-spacing:var(
1953
+ --_rs-typography-h1-sm-letter-spacing,
1954
+ var(--rs-h1-letter-spacing, -0.001em)
1955
+ );
1725
1956
  --_rs-typography-text-transform:initial;
1726
1957
  --_rs-typography-font-variant-numeric:initial;
1727
1958
  --_rs-typography-font-family:var(
@@ -1730,12 +1961,18 @@
1730
1961
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1731
1962
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1732
1963
  );
1733
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
1964
+ --_rs-typography-font-size:var(
1965
+ --_rs-typography-h1-sm-font-size,
1966
+ var(--rs-h1-font-size, 43px)
1967
+ );
1734
1968
  --_rs-typography-font-weight:var(
1735
1969
  --rs-font-weight-semi-bold,
1736
1970
  600
1737
1971
  );
1738
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1972
+ --_rs-typography-line-height:var(
1973
+ --_rs-typography-h1-sm-line-height,
1974
+ var(--rs-h1-line-height, 49px)
1975
+ );
1739
1976
  --_rs-typography-base-color:var(
1740
1977
  --_rs-typography-heading-hardness-color,
1741
1978
  var(
@@ -1751,15 +1988,18 @@
1751
1988
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1752
1989
  --_rs-typography-link-border-bottom-width-from-text:2px;
1753
1990
  @media screen and (max-width: 640px){
1754
- --_rs-typography-font-size:var(
1755
- --rs-h1-font-size-mobile,
1756
- 35px
1757
- );
1758
- --_rs-typography-line-height:var(
1759
- --rs-h1-line-height-mobile,
1760
- 39px
1761
- );
1762
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, normal);
1991
+ --_rs-typography-h1-sm-font-size:var(
1992
+ --rs-h1-font-size-mobile,
1993
+ 35px
1994
+ );
1995
+ --_rs-typography-h1-sm-line-height:var(
1996
+ --rs-h1-line-height-mobile,
1997
+ 39px
1998
+ );
1999
+ --_rs-typography-h1-sm-letter-spacing:var(
2000
+ --rs-h1-letter-spacing-mobile,
2001
+ normal
2002
+ );
1763
2003
  }
1764
2004
  --_rs-theme-dark:var(
1765
2005
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -1791,12 +2031,18 @@
1791
2031
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1792
2032
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1793
2033
  );
1794
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
2034
+ --_rs-typography-font-size:var(
2035
+ --_rs-typography-h2-sm-font-size,
2036
+ var(--rs-h2-font-size, 35px)
2037
+ );
1795
2038
  --_rs-typography-font-weight:var(
1796
2039
  --rs-font-weight-semi-bold,
1797
2040
  600
1798
2041
  );
1799
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
2042
+ --_rs-typography-line-height:var(
2043
+ --_rs-typography-h2-sm-line-height,
2044
+ var(--rs-h2-line-height, 42px)
2045
+ );
1800
2046
  --_rs-typography-base-color:var(
1801
2047
  --_rs-typography-heading-hardness-color,
1802
2048
  var(
@@ -1812,14 +2058,14 @@
1812
2058
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
1813
2059
  --_rs-typography-link-border-bottom-width-from-text:2px;
1814
2060
  @media screen and (max-width: 640px){
1815
- --_rs-typography-font-size:var(
1816
- --rs-h2-font-size-mobile,
1817
- 28px
1818
- );
1819
- --_rs-typography-line-height:var(
1820
- --rs-h2-line-height-mobile,
1821
- 32px
1822
- );
2061
+ --_rs-typography-h2-sm-font-size:var(
2062
+ --rs-h2-font-size-mobile,
2063
+ 28px
2064
+ );
2065
+ --_rs-typography-h2-sm-line-height:var(
2066
+ --rs-h2-line-height-mobile,
2067
+ 32px
2068
+ );
1823
2069
  }
1824
2070
  --_rs-theme-dark:var(
1825
2071
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2002,16 +2248,16 @@
2002
2248
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2003
2249
  );
2004
2250
  --_rs-typography-font-size:var(
2005
- --rs-subtitle-1-font-size,
2006
- 39px
2251
+ --_rs-typography-subtitle-1-sm-font-size,
2252
+ var(--rs-subtitle-1-font-size, 39px)
2007
2253
  );
2008
2254
  --_rs-typography-font-weight:var(
2009
2255
  --rs-font-weight-light,
2010
2256
  300
2011
2257
  );
2012
2258
  --_rs-typography-line-height:var(
2013
- --rs-subtitle-1-line-height,
2014
- 49px
2259
+ --_rs-typography-subtitle-1-sm-line-height,
2260
+ var(--rs-subtitle-1-line-height, 49px)
2015
2261
  );
2016
2262
  --_rs-typography-base-color:var(
2017
2263
  --_rs-typography-hardness-color,
@@ -2028,14 +2274,14 @@
2028
2274
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2029
2275
  --_rs-typography-link-border-bottom-width-from-text:2px;
2030
2276
  @media screen and (max-width: 640px){
2031
- --_rs-typography-font-size:var(
2032
- --rs-subtitle-2-font-size-mobile,
2033
- 23px
2034
- );
2035
- --_rs-typography-line-height:var(
2036
- --rs-subtitle-2-line-height-mobile,
2037
- 30px
2038
- );
2277
+ --_rs-typography-subtitle-1-sm-font-size:var(
2278
+ --rs-subtitle-2-font-size-mobile,
2279
+ 23px
2280
+ );
2281
+ --_rs-typography-subtitle-1-sm-line-height:var(
2282
+ --rs-subtitle-2-line-height-mobile,
2283
+ 30px
2284
+ );
2039
2285
  }
2040
2286
  --_rs-theme-dark:var(
2041
2287
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2068,16 +2314,16 @@
2068
2314
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2069
2315
  );
2070
2316
  --_rs-typography-font-size:var(
2071
- --rs-subtitle-2-font-size,
2072
- 29px
2317
+ --_rs-typography-subtitle-2-sm-font-size,
2318
+ var(--rs-subtitle-2-font-size, 29px)
2073
2319
  );
2074
2320
  --_rs-typography-font-weight:var(
2075
2321
  --rs-font-weight-light,
2076
2322
  300
2077
2323
  );
2078
2324
  --_rs-typography-line-height:var(
2079
- --rs-subtitle-2-line-height,
2080
- 39px
2325
+ --_rs-typography-subtitle-2-sm-line-height,
2326
+ var(--rs-subtitle-2-line-height, 39px)
2081
2327
  );
2082
2328
  --_rs-typography-base-color:var(
2083
2329
  --_rs-typography-hardness-color,
@@ -2094,14 +2340,14 @@
2094
2340
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2095
2341
  --_rs-typography-link-border-bottom-width-from-text:2px;
2096
2342
  @media screen and (max-width: 640px){
2097
- --_rs-typography-font-size:var(
2098
- --rs-subtitle-2-font-size-mobile,
2099
- 23px
2100
- );
2101
- --_rs-typography-line-height:var(
2102
- --rs-subtitle-2-line-height-mobile,
2103
- 30px
2104
- );
2343
+ --_rs-typography-subtitle-2-sm-font-size:var(
2344
+ --rs-subtitle-2-font-size-mobile,
2345
+ 23px
2346
+ );
2347
+ --_rs-typography-subtitle-2-sm-line-height:var(
2348
+ --rs-subtitle-2-line-height-mobile,
2349
+ 30px
2350
+ );
2105
2351
  }
2106
2352
  --_rs-theme-dark:var(
2107
2353
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2208,12 +2454,15 @@
2208
2454
  --_rs-typography-text-auto-offset:32px;
2209
2455
  --_rs-typography-ul-list-li-padding-left:26px;
2210
2456
  --_rs-typography-ol-list-li-padding-left:32px;
2211
- --_rs-typography-list-li-margin-top-from-text:24px;
2457
+ --_rs-typography-list-li-margin-top-from-text:var(
2458
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
2459
+ 24px
2460
+ );
2212
2461
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2213
2462
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2214
2463
  --_rs-typography-link-border-bottom-width-from-text:1px;
2215
2464
  @media screen and (max-width: 640px){
2216
- --_rs-typography-list-li-margin-top-from-text:16px;
2465
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
2217
2466
  }
2218
2467
  --_rs-theme-dark:var(
2219
2468
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2264,12 +2513,15 @@
2264
2513
  --_rs-typography-text-auto-offset:16px;
2265
2514
  --_rs-typography-ul-list-li-padding-left:22px;
2266
2515
  --_rs-typography-ol-list-li-padding-left:26px;
2267
- --_rs-typography-list-li-margin-top-from-text:16px;
2516
+ --_rs-typography-list-li-margin-top-from-text:var(
2517
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2518
+ 16px
2519
+ );
2268
2520
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2269
2521
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2270
2522
  --_rs-typography-link-border-bottom-width-from-text:1px;
2271
2523
  @media screen and (max-width: 640px){
2272
- --_rs-typography-list-li-margin-top-from-text:12px;
2524
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
2273
2525
  }
2274
2526
  --_rs-theme-dark:var(
2275
2527
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
@@ -2758,16 +3010,16 @@
2758
3010
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2759
3011
  );
2760
3012
  --_rs-typography-font-size:var(
2761
- --rs-digits-1-font-size,
2762
- 69px
3013
+ --_rs-typography-digits-1-sm-font-size,
3014
+ var(--rs-digits-1-font-size, 69px)
2763
3015
  );
2764
3016
  --_rs-typography-font-weight:var(
2765
3017
  --rs-font-weight-light,
2766
3018
  300
2767
3019
  );
2768
3020
  --_rs-typography-line-height:var(
2769
- --rs-digits-1-line-height,
2770
- 71px
3021
+ --_rs-typography-digits-1-sm-line-height,
3022
+ var(--rs-digits-1-line-height, 71px)
2771
3023
  );
2772
3024
  --_rs-typography-base-color:var(
2773
3025
  --_rs-typography-hardness-color,
@@ -2782,14 +3034,19 @@
2782
3034
  --_rs-typography-list-li-margin-top-from-text:initial;
2783
3035
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2784
3036
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
2785
- --_rs-typography-link-border-bottom-width-from-text:3px;
3037
+ --_rs-typography-link-border-bottom-width-from-text:var(
3038
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text,
3039
+ 3px
3040
+ );
2786
3041
  }
2787
3042
  @media screen and (max-width: 640px){
2788
3043
  &:not(html){
2789
- --_rs-typography-font-size:var(--rs-digits-2-font-size, 40px);
2790
- --_rs-typography-line-height:var(--rs-digits-2-line-height, 44px);
2791
-
2792
- --_rs-typography-link-border-bottom-width-from-text:2px;
3044
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
3045
+ --_rs-typography-digits-1-sm-line-height:var(
3046
+ --rs-digits-2-line-height,
3047
+ 44px
3048
+ );
3049
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
2793
3050
  }
2794
3051
  }
2795
3052
  }
@@ -2834,7 +3091,13 @@
2834
3091
  }
2835
3092
  @define-mixin rs-text-cn-super-hero{
2836
3093
  &:not(html){
2837
- --_rs-typography-letter-spacing:var(--rs-super-hero-letter-spacing, -0.02em);
3094
+ --_rs-typography-letter-spacing:var(
3095
+ --_rs-typography-super-hero-sm-letter-spacing,
3096
+ var(
3097
+ --_rs-typography-super-hero-md-letter-spacing,
3098
+ var(--rs-super-hero-letter-spacing, -0.02em)
3099
+ )
3100
+ );
2838
3101
  --_rs-typography-text-transform:initial;
2839
3102
  --_rs-typography-font-variant-numeric:initial;
2840
3103
  --_rs-typography-font-family:var(
@@ -2844,16 +3107,22 @@
2844
3107
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2845
3108
  );
2846
3109
  --_rs-typography-font-size:var(
2847
- --rs-super-hero-font-size,
2848
- 142px
3110
+ --_rs-typography-super-hero-sm-font-size,
3111
+ var(
3112
+ --_rs-typography-super-hero-md-font-size,
3113
+ var(--rs-super-hero-font-size, 142px)
3114
+ )
2849
3115
  );
2850
3116
  --_rs-typography-font-weight:var(
2851
3117
  --rs-font-weight-semi-bold,
2852
3118
  600
2853
3119
  );
2854
3120
  --_rs-typography-line-height:var(
2855
- --rs-super-hero-line-height,
2856
- 142px
3121
+ --_rs-typography-super-hero-sm-line-height,
3122
+ var(
3123
+ --_rs-typography-super-hero-md-line-height,
3124
+ var(--rs-super-hero-line-height, 142px)
3125
+ )
2857
3126
  );
2858
3127
  --_rs-typography-base-color:var(
2859
3128
  --_rs-typography-heading-hardness-color,
@@ -2868,50 +3137,51 @@
2868
3137
  --_rs-typography-list-li-margin-top-from-text:initial;
2869
3138
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2870
3139
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2871
- --_rs-typography-link-border-bottom-width-from-text:4px;
3140
+ --_rs-typography-link-border-bottom-width-from-text:var(
3141
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text,
3142
+ var(--_rs-typography-super-hero-md-link-border-bottom-width-from-text, 4px)
3143
+ );
2872
3144
  }
2873
3145
  @media screen and (max-width: 1000px){
2874
3146
  &:not(html){
2875
- --_rs-typography-font-size:var(
2876
- --rs-middle-hero-font-size,
2877
- 92px
2878
- );
2879
- --_rs-typography-line-height:var(
2880
- --rs-middle-hero-line-height,
2881
- 92px
2882
- );
2883
- --_rs-typography-letter-spacing:var(
2884
- --rs-middle-hero-letter-spacing,
2885
- -0.008em
2886
- );
2887
-
2888
- --_rs-typography-link-border-bottom-width-from-text:3px;
3147
+ --_rs-typography-super-hero-md-font-size:var(
3148
+ --rs-middle-hero-font-size,
3149
+ 92px
3150
+ );
3151
+ --_rs-typography-super-hero-md-line-height:var(
3152
+ --rs-middle-hero-line-height,
3153
+ 92px
3154
+ );
3155
+ --_rs-typography-super-hero-md-letter-spacing:var(
3156
+ --rs-middle-hero-letter-spacing,
3157
+ -0.008em
3158
+ );
3159
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
2889
3160
  }
2890
3161
  }
2891
3162
  @media screen and (max-width: 640px){
2892
3163
  &:not(html){
2893
- --_rs-typography-font-size:var(
2894
- --rs-middle-hero-font-size-mobile,
2895
- 58px
2896
- );
2897
- --_rs-typography-line-height:var(
2898
- --rs-middle-hero-line-height-mobile,
2899
- 62px
2900
- );
2901
- --_rs-typography-letter-spacing:var(
2902
- --rs-middle-hero-letter-spacing-mobile,
2903
- -0.0007em
2904
- );
2905
-
2906
- --_rs-typography-link-border-bottom-width-from-text:2px;
3164
+ --_rs-typography-super-hero-sm-font-size:var(
3165
+ --rs-middle-hero-font-size-mobile,
3166
+ 58px
3167
+ );
3168
+ --_rs-typography-super-hero-sm-line-height:var(
3169
+ --rs-middle-hero-line-height-mobile,
3170
+ 62px
3171
+ );
3172
+ --_rs-typography-super-hero-sm-letter-spacing:var(
3173
+ --rs-middle-hero-letter-spacing-mobile,
3174
+ -0.0007em
3175
+ );
3176
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
2907
3177
  }
2908
3178
  }
2909
3179
  }
2910
3180
  @define-mixin rs-text-cn-middle-hero{
2911
3181
  &:not(html){
2912
3182
  --_rs-typography-letter-spacing:var(
2913
- --rs-middle-hero-letter-spacing,
2914
- -0.008em
3183
+ --_rs-typography-middle-hero-sm-letter-spacing,
3184
+ var(--rs-middle-hero-letter-spacing, -0.008em)
2915
3185
  );
2916
3186
  --_rs-typography-text-transform:initial;
2917
3187
  --_rs-typography-font-variant-numeric:initial;
@@ -2922,16 +3192,16 @@
2922
3192
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2923
3193
  );
2924
3194
  --_rs-typography-font-size:var(
2925
- --rs-middle-hero-font-size,
2926
- 92px
3195
+ --_rs-typography-middle-hero-sm-font-size,
3196
+ var(--rs-middle-hero-font-size, 92px)
2927
3197
  );
2928
3198
  --_rs-typography-font-weight:var(
2929
3199
  --rs-font-weight-semi-bold,
2930
3200
  600
2931
3201
  );
2932
3202
  --_rs-typography-line-height:var(
2933
- --rs-middle-hero-line-height,
2934
- 92px
3203
+ --_rs-typography-middle-hero-sm-line-height,
3204
+ var(--rs-middle-hero-line-height, 92px)
2935
3205
  );
2936
3206
  --_rs-typography-base-color:var(
2937
3207
  --_rs-typography-heading-hardness-color,
@@ -2946,30 +3216,35 @@
2946
3216
  --_rs-typography-list-li-margin-top-from-text:initial;
2947
3217
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2948
3218
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
2949
- --_rs-typography-link-border-bottom-width-from-text:3px;
3219
+ --_rs-typography-link-border-bottom-width-from-text:var(
3220
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text,
3221
+ 3px
3222
+ );
2950
3223
  }
2951
3224
  @media screen and (max-width: 640px){
2952
3225
  &:not(html){
2953
- --_rs-typography-font-size:var(
2954
- --rs-middle-hero-font-size-mobile,
2955
- 58px
2956
- );
2957
- --_rs-typography-line-height:var(
2958
- --rs-middle-hero-line-height-mobile,
2959
- 62px
2960
- );
2961
- --_rs-typography-letter-spacing:var(
2962
- --rs-middle-hero-letter-spacing-mobile,
2963
- -0.0007em
2964
- );
2965
-
2966
- --_rs-typography-link-border-bottom-width-from-text:2px;
3226
+ --_rs-typography-middle-hero-sm-font-size:var(
3227
+ --rs-middle-hero-font-size-mobile,
3228
+ 58px
3229
+ );
3230
+ --_rs-typography-middle-hero-sm-line-height:var(
3231
+ --rs-middle-hero-line-height-mobile,
3232
+ 62px
3233
+ );
3234
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
3235
+ --rs-middle-hero-letter-spacing-mobile,
3236
+ -0.0007em
3237
+ );
3238
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
2967
3239
  }
2968
3240
  }
2969
3241
  }
2970
3242
  @define-mixin rs-text-cn-hero{
2971
3243
  &:not(html){
2972
- --_rs-typography-letter-spacing:var(--rs-hero-letter-spacing, -0.005em);
3244
+ --_rs-typography-letter-spacing:var(
3245
+ --_rs-typography-hero-sm-letter-spacing,
3246
+ var(--rs-hero-letter-spacing, -0.005em)
3247
+ );
2973
3248
  --_rs-typography-text-transform:initial;
2974
3249
  --_rs-typography-font-variant-numeric:initial;
2975
3250
  --_rs-typography-font-family:var(
@@ -2978,14 +3253,17 @@
2978
3253
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2979
3254
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2980
3255
  );
2981
- --_rs-typography-font-size:var(--rs-hero-font-size, 72px);
3256
+ --_rs-typography-font-size:var(
3257
+ --_rs-typography-hero-sm-font-size,
3258
+ var(--rs-hero-font-size, 72px)
3259
+ );
2982
3260
  --_rs-typography-font-weight:var(
2983
3261
  --rs-font-weight-semi-bold,
2984
3262
  600
2985
3263
  );
2986
3264
  --_rs-typography-line-height:var(
2987
- --rs-hero-line-height,
2988
- 72px
3265
+ --_rs-typography-hero-sm-line-height,
3266
+ var(--rs-hero-line-height, 72px)
2989
3267
  );
2990
3268
  --_rs-typography-base-color:var(
2991
3269
  --_rs-typography-heading-hardness-color,
@@ -3000,24 +3278,26 @@
3000
3278
  --_rs-typography-list-li-margin-top-from-text:initial;
3001
3279
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3002
3280
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
3003
- --_rs-typography-link-border-bottom-width-from-text:3px;
3281
+ --_rs-typography-link-border-bottom-width-from-text:var(
3282
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text,
3283
+ 3px
3284
+ );
3004
3285
  }
3005
3286
  @media screen and (max-width: 640px){
3006
3287
  &:not(html){
3007
- --_rs-typography-font-size:var(
3008
- --rs-hero-font-size-mobile,
3009
- 42px
3010
- );
3011
- --_rs-typography-line-height:var(
3012
- --rs-hero-line-height-mobile,
3013
- 50px
3014
- );
3015
- --_rs-typography-letter-spacing:var(
3016
- --rs-hero-letter-spacing-mobile,
3017
- -0.001em
3018
- );
3019
-
3020
- --_rs-typography-link-border-bottom-width-from-text:2px;
3288
+ --_rs-typography-hero-sm-font-size:var(
3289
+ --rs-hero-font-size-mobile,
3290
+ 42px
3291
+ );
3292
+ --_rs-typography-hero-sm-line-height:var(
3293
+ --rs-hero-line-height-mobile,
3294
+ 50px
3295
+ );
3296
+ --_rs-typography-hero-sm-letter-spacing:var(
3297
+ --rs-hero-letter-spacing-mobile,
3298
+ -0.001em
3299
+ );
3300
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
3021
3301
  }
3022
3302
  }
3023
3303
  }
@@ -3033,16 +3313,16 @@
3033
3313
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3034
3314
  );
3035
3315
  --_rs-typography-font-size:var(
3036
- --rs-subtitle-1-font-size,
3037
- 39px
3316
+ --_rs-typography-subtitle-1-sm-font-size,
3317
+ var(--rs-subtitle-1-font-size, 39px)
3038
3318
  );
3039
3319
  --_rs-typography-font-weight:var(
3040
3320
  --rs-font-weight-light,
3041
3321
  300
3042
3322
  );
3043
3323
  --_rs-typography-line-height:var(
3044
- --rs-subtitle-1-line-height,
3045
- 49px
3324
+ --_rs-typography-subtitle-1-sm-line-height,
3325
+ var(--rs-subtitle-1-line-height, 49px)
3046
3326
  );
3047
3327
  --_rs-typography-base-color:var(
3048
3328
  --_rs-typography-hardness-color,
@@ -3061,14 +3341,14 @@
3061
3341
  }
3062
3342
  @media screen and (max-width: 640px){
3063
3343
  &:not(html){
3064
- --_rs-typography-font-size:var(
3065
- --rs-subtitle-2-font-size-mobile,
3066
- 23px
3067
- );
3068
- --_rs-typography-line-height:var(
3069
- --rs-subtitle-2-line-height-mobile,
3070
- 30px
3071
- );
3344
+ --_rs-typography-subtitle-1-sm-font-size:var(
3345
+ --rs-subtitle-2-font-size-mobile,
3346
+ 23px
3347
+ );
3348
+ --_rs-typography-subtitle-1-sm-line-height:var(
3349
+ --rs-subtitle-2-line-height-mobile,
3350
+ 30px
3351
+ );
3072
3352
  }
3073
3353
  }
3074
3354
  }
@@ -3084,16 +3364,16 @@
3084
3364
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3085
3365
  );
3086
3366
  --_rs-typography-font-size:var(
3087
- --rs-subtitle-2-font-size,
3088
- 29px
3367
+ --_rs-typography-subtitle-2-sm-font-size,
3368
+ var(--rs-subtitle-2-font-size, 29px)
3089
3369
  );
3090
3370
  --_rs-typography-font-weight:var(
3091
3371
  --rs-font-weight-light,
3092
3372
  300
3093
3373
  );
3094
3374
  --_rs-typography-line-height:var(
3095
- --rs-subtitle-2-line-height,
3096
- 39px
3375
+ --_rs-typography-subtitle-2-sm-line-height,
3376
+ var(--rs-subtitle-2-line-height, 39px)
3097
3377
  );
3098
3378
  --_rs-typography-base-color:var(
3099
3379
  --_rs-typography-hardness-color,
@@ -3112,20 +3392,23 @@
3112
3392
  }
3113
3393
  @media screen and (max-width: 640px){
3114
3394
  &:not(html){
3115
- --_rs-typography-font-size:var(
3116
- --rs-subtitle-2-font-size-mobile,
3117
- 23px
3118
- );
3119
- --_rs-typography-line-height:var(
3120
- --rs-subtitle-2-line-height-mobile,
3121
- 30px
3122
- );
3395
+ --_rs-typography-subtitle-2-sm-font-size:var(
3396
+ --rs-subtitle-2-font-size-mobile,
3397
+ 23px
3398
+ );
3399
+ --_rs-typography-subtitle-2-sm-line-height:var(
3400
+ --rs-subtitle-2-line-height-mobile,
3401
+ 30px
3402
+ );
3123
3403
  }
3124
3404
  }
3125
3405
  }
3126
3406
  @define-mixin rs-text-cn-h1{
3127
3407
  &:not(html){
3128
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing, -0.001em);
3408
+ --_rs-typography-letter-spacing:var(
3409
+ --_rs-typography-h1-sm-letter-spacing,
3410
+ var(--rs-h1-letter-spacing, -0.001em)
3411
+ );
3129
3412
  --_rs-typography-text-transform:initial;
3130
3413
  --_rs-typography-font-variant-numeric:initial;
3131
3414
  --_rs-typography-font-family:var(
@@ -3134,12 +3417,18 @@
3134
3417
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3135
3418
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3136
3419
  );
3137
- --_rs-typography-font-size:var(--rs-h1-font-size, 43px);
3420
+ --_rs-typography-font-size:var(
3421
+ --_rs-typography-h1-sm-font-size,
3422
+ var(--rs-h1-font-size, 43px)
3423
+ );
3138
3424
  --_rs-typography-font-weight:var(
3139
3425
  --rs-font-weight-semi-bold,
3140
3426
  600
3141
3427
  );
3142
- --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
3428
+ --_rs-typography-line-height:var(
3429
+ --_rs-typography-h1-sm-line-height,
3430
+ var(--rs-h1-line-height, 49px)
3431
+ );
3143
3432
  --_rs-typography-base-color:var(
3144
3433
  --_rs-typography-heading-hardness-color,
3145
3434
  var(
@@ -3157,15 +3446,18 @@
3157
3446
  }
3158
3447
  @media screen and (max-width: 640px){
3159
3448
  &:not(html){
3160
- --_rs-typography-font-size:var(
3161
- --rs-h1-font-size-mobile,
3162
- 35px
3163
- );
3164
- --_rs-typography-line-height:var(
3165
- --rs-h1-line-height-mobile,
3166
- 39px
3167
- );
3168
- --_rs-typography-letter-spacing:var(--rs-h1-letter-spacing-mobile, normal);
3449
+ --_rs-typography-h1-sm-font-size:var(
3450
+ --rs-h1-font-size-mobile,
3451
+ 35px
3452
+ );
3453
+ --_rs-typography-h1-sm-line-height:var(
3454
+ --rs-h1-line-height-mobile,
3455
+ 39px
3456
+ );
3457
+ --_rs-typography-h1-sm-letter-spacing:var(
3458
+ --rs-h1-letter-spacing-mobile,
3459
+ normal
3460
+ );
3169
3461
  }
3170
3462
  }
3171
3463
  }
@@ -3180,12 +3472,18 @@
3180
3472
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
3181
3473
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
3182
3474
  );
3183
- --_rs-typography-font-size:var(--rs-h2-font-size, 35px);
3475
+ --_rs-typography-font-size:var(
3476
+ --_rs-typography-h2-sm-font-size,
3477
+ var(--rs-h2-font-size, 35px)
3478
+ );
3184
3479
  --_rs-typography-font-weight:var(
3185
3480
  --rs-font-weight-semi-bold,
3186
3481
  600
3187
3482
  );
3188
- --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
3483
+ --_rs-typography-line-height:var(
3484
+ --_rs-typography-h2-sm-line-height,
3485
+ var(--rs-h2-line-height, 42px)
3486
+ );
3189
3487
  --_rs-typography-base-color:var(
3190
3488
  --_rs-typography-heading-hardness-color,
3191
3489
  var(
@@ -3203,14 +3501,14 @@
3203
3501
  }
3204
3502
  @media screen and (max-width: 640px){
3205
3503
  &:not(html){
3206
- --_rs-typography-font-size:var(
3207
- --rs-h2-font-size-mobile,
3208
- 28px
3209
- );
3210
- --_rs-typography-line-height:var(
3211
- --rs-h2-line-height-mobile,
3212
- 32px
3213
- );
3504
+ --_rs-typography-h2-sm-font-size:var(
3505
+ --rs-h2-font-size-mobile,
3506
+ 28px
3507
+ );
3508
+ --_rs-typography-h2-sm-line-height:var(
3509
+ --rs-h2-line-height-mobile,
3510
+ 32px
3511
+ );
3214
3512
  }
3215
3513
  }
3216
3514
  }
@@ -3382,14 +3680,17 @@
3382
3680
  --_rs-typography-text-auto-offset:32px;
3383
3681
  --_rs-typography-ul-list-li-padding-left:26px;
3384
3682
  --_rs-typography-ol-list-li-padding-left:32px;
3385
- --_rs-typography-list-li-margin-top-from-text:24px;
3683
+ --_rs-typography-list-li-margin-top-from-text:var(
3684
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
3685
+ 24px
3686
+ );
3386
3687
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3387
3688
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3388
3689
  --_rs-typography-link-border-bottom-width-from-text:1px;
3389
3690
  }
3390
3691
  @media screen and (max-width: 640px){
3391
3692
  &:not(html){
3392
- --_rs-typography-list-li-margin-top-from-text:16px;
3693
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
3393
3694
  }
3394
3695
  }
3395
3696
  }
@@ -3423,14 +3724,17 @@
3423
3724
  --_rs-typography-text-auto-offset:16px;
3424
3725
  --_rs-typography-ul-list-li-padding-left:22px;
3425
3726
  --_rs-typography-ol-list-li-padding-left:26px;
3426
- --_rs-typography-list-li-margin-top-from-text:16px;
3727
+ --_rs-typography-list-li-margin-top-from-text:var(
3728
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
3729
+ 16px
3730
+ );
3427
3731
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3428
3732
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
3429
3733
  --_rs-typography-link-border-bottom-width-from-text:1px;
3430
3734
  }
3431
3735
  @media screen and (max-width: 640px){
3432
3736
  &:not(html){
3433
- --_rs-typography-list-li-margin-top-from-text:12px;
3737
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
3434
3738
  }
3435
3739
  }
3436
3740
  }
@@ -3540,21 +3844,27 @@
3540
3844
  }
3541
3845
  @define-mixin rs-text-cn-list-offset-items-16{
3542
3846
  &:not(html){
3543
- --_rs-typography-list-li-margin-top:16px;
3847
+ --_rs-typography-list-li-margin-top:var(
3848
+ --_rs-typography-offset-items-16-sm-list-li-margin-top,
3849
+ 16px
3850
+ );
3544
3851
  }
3545
3852
  @media screen and (max-width: 640px){
3546
3853
  &:not(html){
3547
- --_rs-typography-list-li-margin-top:12px;
3854
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
3548
3855
  }
3549
3856
  }
3550
3857
  }
3551
3858
  @define-mixin rs-text-cn-list-offset-items-24{
3552
3859
  &:not(html){
3553
- --_rs-typography-list-li-margin-top:24px;
3860
+ --_rs-typography-list-li-margin-top:var(
3861
+ --_rs-typography-offset-items-24-sm-list-li-margin-top,
3862
+ 24px
3863
+ );
3554
3864
  }
3555
3865
  @media screen and (max-width: 640px){
3556
3866
  &:not(html){
3557
- --_rs-typography-list-li-margin-top:16px;
3867
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
3558
3868
  }
3559
3869
  }
3560
3870
  }
@@ -3762,3 +4072,105 @@
3762
4072
  --_rs-typography-link-after-content-or-initial:initial;
3763
4073
  }
3764
4074
  }
4075
+ @define-mixin rs-typography-sm{
4076
+ --_rs-typography-digits-1-sm-font-size:var(--rs-digits-2-font-size, 40px);
4077
+ --_rs-typography-digits-1-sm-line-height:var(
4078
+ --rs-digits-2-line-height,
4079
+ 44px
4080
+ );
4081
+ --_rs-typography-digits-1-sm-link-border-bottom-width-from-text:2px;
4082
+ --_rs-typography-super-hero-sm-font-size:var(
4083
+ --rs-middle-hero-font-size-mobile,
4084
+ 58px
4085
+ );
4086
+ --_rs-typography-super-hero-sm-line-height:var(
4087
+ --rs-middle-hero-line-height-mobile,
4088
+ 62px
4089
+ );
4090
+ --_rs-typography-super-hero-sm-letter-spacing:var(
4091
+ --rs-middle-hero-letter-spacing-mobile,
4092
+ -0.0007em
4093
+ );
4094
+ --_rs-typography-super-hero-sm-link-border-bottom-width-from-text:2px;
4095
+ --_rs-typography-middle-hero-sm-font-size:var(
4096
+ --rs-middle-hero-font-size-mobile,
4097
+ 58px
4098
+ );
4099
+ --_rs-typography-middle-hero-sm-line-height:var(
4100
+ --rs-middle-hero-line-height-mobile,
4101
+ 62px
4102
+ );
4103
+ --_rs-typography-middle-hero-sm-letter-spacing:var(
4104
+ --rs-middle-hero-letter-spacing-mobile,
4105
+ -0.0007em
4106
+ );
4107
+ --_rs-typography-middle-hero-sm-link-border-bottom-width-from-text:2px;
4108
+ --_rs-typography-hero-sm-font-size:var(
4109
+ --rs-hero-font-size-mobile,
4110
+ 42px
4111
+ );
4112
+ --_rs-typography-hero-sm-line-height:var(
4113
+ --rs-hero-line-height-mobile,
4114
+ 50px
4115
+ );
4116
+ --_rs-typography-hero-sm-letter-spacing:var(
4117
+ --rs-hero-letter-spacing-mobile,
4118
+ -0.001em
4119
+ );
4120
+ --_rs-typography-hero-sm-link-border-bottom-width-from-text:2px;
4121
+ --_rs-typography-h1-sm-font-size:var(
4122
+ --rs-h1-font-size-mobile,
4123
+ 35px
4124
+ );
4125
+ --_rs-typography-h1-sm-line-height:var(
4126
+ --rs-h1-line-height-mobile,
4127
+ 39px
4128
+ );
4129
+ --_rs-typography-h1-sm-letter-spacing:var(
4130
+ --rs-h1-letter-spacing-mobile,
4131
+ normal
4132
+ );
4133
+ --_rs-typography-h2-sm-font-size:var(
4134
+ --rs-h2-font-size-mobile,
4135
+ 28px
4136
+ );
4137
+ --_rs-typography-h2-sm-line-height:var(
4138
+ --rs-h2-line-height-mobile,
4139
+ 32px
4140
+ );
4141
+ --_rs-typography-subtitle-1-sm-font-size:var(
4142
+ --rs-subtitle-2-font-size-mobile,
4143
+ 23px
4144
+ );
4145
+ --_rs-typography-subtitle-1-sm-line-height:var(
4146
+ --rs-subtitle-2-line-height-mobile,
4147
+ 30px
4148
+ );
4149
+ --_rs-typography-subtitle-2-sm-font-size:var(
4150
+ --rs-subtitle-2-font-size-mobile,
4151
+ 23px
4152
+ );
4153
+ --_rs-typography-subtitle-2-sm-line-height:var(
4154
+ --rs-subtitle-2-line-height-mobile,
4155
+ 30px
4156
+ );
4157
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
4158
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
4159
+ --_rs-typography-offset-items-16-sm-list-li-margin-top:12px;
4160
+ --_rs-typography-offset-items-24-sm-list-li-margin-top:16px;
4161
+ }
4162
+ @define-mixin rs-typography-md{
4163
+ --_rs-typography-super-hero-md-font-size:var(
4164
+ --rs-middle-hero-font-size,
4165
+ 92px
4166
+ );
4167
+ --_rs-typography-super-hero-md-line-height:var(
4168
+ --rs-middle-hero-line-height,
4169
+ 92px
4170
+ );
4171
+ --_rs-typography-super-hero-md-letter-spacing:var(
4172
+ --rs-middle-hero-letter-spacing,
4173
+ -0.008em
4174
+ );
4175
+ --_rs-typography-super-hero-md-link-border-bottom-width-from-text:3px;
4176
+ }