@rescui/typography 0.16.4 → 0.18.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 (13) hide show
  1. package/lib/create-text-cn.d.ts +31 -24
  2. package/lib/create-text-cn.js +10 -6
  3. package/lib/index-moduled.css +1314 -0
  4. package/lib/index-moduled.p.module.css.js +123 -0
  5. package/lib/index.css +89 -78
  6. package/lib/index.d.ts +2 -3
  7. package/lib/index.js +2 -2
  8. package/lib/mixins.p.css +255 -347
  9. package/lib/mixins.pcss +255 -347
  10. package/lib/public-api.p.css +228 -141
  11. package/lib/public-api.pcss +228 -141
  12. package/package.json +6 -6
  13. package/lib/any.d.ts +0 -1
package/lib/mixins.pcss CHANGED
@@ -30,9 +30,12 @@
30
30
  142px
31
31
  );
32
32
  --_rs-typography-base-color:var(
33
+ --_rs-typography-heading-hardness-color,
34
+ var(
33
35
  --rs-color-hard,
34
36
  rgb(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))
35
- );
37
+ )
38
+ );
36
39
  --_rs-typography-text-auto-offset:0;
37
40
  --_rs-typography-ul-list-li-padding-left:initial;
38
41
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -78,10 +81,6 @@
78
81
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
79
82
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
80
83
  font-feature-settings:'kern', 'liga', 'calt';
81
- & > p:not(:nth-child(1)),
82
- & > pre:not(:nth-child(1)){
83
- padding-top:var(--_rs-typography-auto-offset-or-initial);
84
- }
85
84
  }
86
85
  @define-mixin rs-super-hero{
87
86
  --_rs-typography-letter-spacing:-0.02em;
@@ -106,9 +105,12 @@
106
105
  142px
107
106
  );
108
107
  --_rs-typography-base-color:var(
108
+ --_rs-typography-heading-hardness-color,
109
+ var(
109
110
  --rs-color-hard,
110
111
  rgb(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))
111
- );
112
+ )
113
+ );
112
114
  --_rs-typography-text-auto-offset:0;
113
115
  --_rs-typography-ul-list-li-padding-left:initial;
114
116
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -154,15 +156,7 @@
154
156
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
155
157
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
156
158
  font-feature-settings:'kern', 'liga', 'calt';
157
- & > p:not(:nth-child(1)),
158
- & > pre:not(:nth-child(1)){
159
- padding-top:var(--_rs-typography-auto-offset-or-initial);
160
- }
161
159
  --rs-theme-dark:0;
162
- --_rs-typography-hardness-color:var(
163
- --rs-color-hard,
164
- rgb(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))
165
- );
166
160
  --_rs-theme-dark:var(
167
161
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
168
162
  var(--rs-theme-dark, 0)
@@ -170,14 +164,13 @@
170
164
  --_rs-theme-flip:var(--rs-theme-flip, 0);
171
165
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
172
166
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
173
- color:var(--_rs-typography-base-color);
174
- }
175
- @define-mixin rs-super-hero-theme-dark{
176
- --rs-theme-dark:1;
177
- --_rs-typography-hardness-color:var(
167
+ color:var(
178
168
  --rs-color-hard,
179
169
  rgb(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))
180
170
  );
171
+ }
172
+ @define-mixin rs-super-hero-theme-dark{
173
+ --rs-theme-dark:1;
181
174
  --_rs-theme-dark:var(
182
175
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
183
176
  var(--rs-theme-dark, 0)
@@ -185,7 +178,10 @@
185
178
  --_rs-theme-flip:var(--rs-theme-flip, 0);
186
179
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
187
180
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
188
- color:var(--_rs-typography-base-color);
181
+ color:var(
182
+ --rs-color-hard,
183
+ rgb(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))
184
+ );
189
185
  }
190
186
  @define-mixin rs-super-hero-offset-top{
191
187
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
@@ -213,9 +209,12 @@
213
209
  92px
214
210
  );
215
211
  --_rs-typography-base-color:var(
212
+ --_rs-typography-heading-hardness-color,
213
+ var(
216
214
  --rs-color-hard,
217
215
  rgb(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))
218
- );
216
+ )
217
+ );
219
218
  --_rs-typography-text-auto-offset:0;
220
219
  --_rs-typography-ul-list-li-padding-left:initial;
221
220
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -248,10 +247,6 @@
248
247
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
249
248
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
250
249
  font-feature-settings:'kern', 'liga', 'calt';
251
- & > p:not(:nth-child(1)),
252
- & > pre:not(:nth-child(1)){
253
- padding-top:var(--_rs-typography-auto-offset-or-initial);
254
- }
255
250
  }
256
251
  @define-mixin rs-middle-hero{
257
252
  --_rs-typography-letter-spacing:-0.008em;
@@ -276,9 +271,12 @@
276
271
  92px
277
272
  );
278
273
  --_rs-typography-base-color:var(
274
+ --_rs-typography-heading-hardness-color,
275
+ var(
279
276
  --rs-color-hard,
280
277
  rgb(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))
281
- );
278
+ )
279
+ );
282
280
  --_rs-typography-text-auto-offset:0;
283
281
  --_rs-typography-ul-list-li-padding-left:initial;
284
282
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -311,15 +309,7 @@
311
309
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
312
310
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
313
311
  font-feature-settings:'kern', 'liga', 'calt';
314
- & > p:not(:nth-child(1)),
315
- & > pre:not(:nth-child(1)){
316
- padding-top:var(--_rs-typography-auto-offset-or-initial);
317
- }
318
312
  --rs-theme-dark:0;
319
- --_rs-typography-hardness-color:var(
320
- --rs-color-hard,
321
- rgb(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))
322
- );
323
313
  --_rs-theme-dark:var(
324
314
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
325
315
  var(--rs-theme-dark, 0)
@@ -327,14 +317,13 @@
327
317
  --_rs-theme-flip:var(--rs-theme-flip, 0);
328
318
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
329
319
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
330
- color:var(--_rs-typography-base-color);
331
- }
332
- @define-mixin rs-middle-hero-theme-dark{
333
- --rs-theme-dark:1;
334
- --_rs-typography-hardness-color:var(
320
+ color:var(
335
321
  --rs-color-hard,
336
322
  rgb(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))
337
323
  );
324
+ }
325
+ @define-mixin rs-middle-hero-theme-dark{
326
+ --rs-theme-dark:1;
338
327
  --_rs-theme-dark:var(
339
328
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
340
329
  var(--rs-theme-dark, 0)
@@ -342,17 +331,16 @@
342
331
  --_rs-theme-flip:var(--rs-theme-flip, 0);
343
332
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
344
333
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
345
- color:var(--_rs-typography-base-color);
334
+ color:var(
335
+ --rs-color-hard,
336
+ rgb(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))
337
+ );
346
338
  }
347
339
  @define-mixin rs-middle-hero-offset-top{
348
340
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
349
341
  }
350
342
  @define-mixin rs-text-hardness-hard{
351
343
  --rs-theme-dark:0;
352
- --_rs-typography-hardness-color:var(
353
- --rs-color-hard,
354
- rgb(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))
355
- );
356
344
  --_rs-theme-dark:var(
357
345
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
358
346
  var(--rs-theme-dark, 0)
@@ -360,15 +348,13 @@
360
348
  --_rs-theme-flip:var(--rs-theme-flip, 0);
361
349
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
362
350
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
363
-
364
- color:var(--_rs-typography-base-color);
351
+ color:var(
352
+ --rs-color-hard,
353
+ rgb(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))
354
+ );
365
355
  }
366
356
  @define-mixin rs-text-hardness-average{
367
357
  --rs-theme-dark:0;
368
- --_rs-typography-hardness-color:var(
369
- --rs-color-average,
370
- rgba(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), 0.7)
371
- );
372
358
  --_rs-theme-dark:var(
373
359
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
374
360
  var(--rs-theme-dark, 0)
@@ -376,15 +362,13 @@
376
362
  --_rs-theme-flip:var(--rs-theme-flip, 0);
377
363
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
378
364
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
379
-
380
- color:var(--_rs-typography-base-color);
365
+ color:var(
366
+ --rs-color-average,
367
+ rgba(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), 0.7)
368
+ );
381
369
  }
382
370
  @define-mixin rs-text-hardness-pale{
383
371
  --rs-theme-dark:0;
384
- --_rs-typography-hardness-color:var(
385
- --rs-color-pale,
386
- rgba(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), 0.5)
387
- );
388
372
  --_rs-theme-dark:var(
389
373
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
390
374
  var(--rs-theme-dark, 0)
@@ -392,15 +376,13 @@
392
376
  --_rs-theme-flip:var(--rs-theme-flip, 0);
393
377
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
394
378
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
395
-
396
- color:var(--_rs-typography-base-color);
379
+ color:var(
380
+ --rs-color-pale,
381
+ rgba(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), 0.5)
382
+ );
397
383
  }
398
384
  @define-mixin rs-text-hardness-hard-theme-dark{
399
385
  --rs-theme-dark:1;
400
- --_rs-typography-hardness-color:var(
401
- --rs-color-hard,
402
- rgb(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))
403
- );
404
386
  --_rs-theme-dark:var(
405
387
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
406
388
  var(--rs-theme-dark, 0)
@@ -408,15 +390,13 @@
408
390
  --_rs-theme-flip:var(--rs-theme-flip, 0);
409
391
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
410
392
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
411
-
412
- color:var(--_rs-typography-base-color);
393
+ color:var(
394
+ --rs-color-hard,
395
+ rgb(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))
396
+ );
413
397
  }
414
398
  @define-mixin rs-text-hardness-average-theme-dark{
415
399
  --rs-theme-dark:1;
416
- --_rs-typography-hardness-color:var(
417
- --rs-color-average,
418
- rgba(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), 0.7)
419
- );
420
400
  --_rs-theme-dark:var(
421
401
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
422
402
  var(--rs-theme-dark, 0)
@@ -424,15 +404,13 @@
424
404
  --_rs-theme-flip:var(--rs-theme-flip, 0);
425
405
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
426
406
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
427
-
428
- color:var(--_rs-typography-base-color);
407
+ color:var(
408
+ --rs-color-average,
409
+ rgba(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), 0.7)
410
+ );
429
411
  }
430
412
  @define-mixin rs-text-hardness-pale-theme-dark{
431
413
  --rs-theme-dark:1;
432
- --_rs-typography-hardness-color:var(
433
- --rs-color-pale,
434
- rgba(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), 0.5)
435
- );
436
414
  --_rs-theme-dark:var(
437
415
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
438
416
  var(--rs-theme-dark, 0)
@@ -440,8 +418,10 @@
440
418
  --_rs-theme-flip:var(--rs-theme-flip, 0);
441
419
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
442
420
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
443
-
444
- color:var(--_rs-typography-base-color);
421
+ color:var(
422
+ --rs-color-pale,
423
+ rgba(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), 0.5)
424
+ );
445
425
  }
446
426
  @define-mixin rs-digits-1-base{
447
427
  --_rs-typography-letter-spacing:-0.005em;
@@ -466,9 +446,12 @@
466
446
  71px
467
447
  );
468
448
  --_rs-typography-base-color:var(
449
+ --_rs-typography-hardness-color,
450
+ var(
469
451
  --rs-color-hard,
470
452
  rgb(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))
471
- );
453
+ )
454
+ );
472
455
  --_rs-typography-text-auto-offset:0;
473
456
  --_rs-typography-ul-list-li-padding-left:initial;
474
457
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -494,10 +477,6 @@
494
477
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
495
478
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
496
479
  font-feature-settings:'kern', 'liga', 'calt';
497
- & > p:not(:nth-child(1)),
498
- & > pre:not(:nth-child(1)){
499
- padding-top:var(--_rs-typography-auto-offset-or-initial);
500
- }
501
480
  }
502
481
  @define-mixin rs-digits-1{
503
482
  --_rs-typography-letter-spacing:-0.005em;
@@ -522,9 +501,12 @@
522
501
  71px
523
502
  );
524
503
  --_rs-typography-base-color:var(
504
+ --_rs-typography-hardness-color,
505
+ var(
525
506
  --rs-color-hard,
526
507
  rgb(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))
527
- );
508
+ )
509
+ );
528
510
  --_rs-typography-text-auto-offset:0;
529
511
  --_rs-typography-ul-list-li-padding-left:initial;
530
512
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -550,15 +532,7 @@
550
532
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
551
533
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
552
534
  font-feature-settings:'kern', 'liga', 'calt';
553
- & > p:not(:nth-child(1)),
554
- & > pre:not(:nth-child(1)){
555
- padding-top:var(--_rs-typography-auto-offset-or-initial);
556
- }
557
535
  --rs-theme-dark:0;
558
- --_rs-typography-hardness-color:var(
559
- --rs-color-hard,
560
- rgb(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))
561
- );
562
536
  --_rs-theme-dark:var(
563
537
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
564
538
  var(--rs-theme-dark, 0)
@@ -566,14 +540,13 @@
566
540
  --_rs-theme-flip:var(--rs-theme-flip, 0);
567
541
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
568
542
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
569
- color:var(--_rs-typography-base-color);
570
- }
571
- @define-mixin rs-digits-1-theme-dark{
572
- --rs-theme-dark:1;
573
- --_rs-typography-hardness-color:var(
543
+ color:var(
574
544
  --rs-color-hard,
575
545
  rgb(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))
576
546
  );
547
+ }
548
+ @define-mixin rs-digits-1-theme-dark{
549
+ --rs-theme-dark:1;
577
550
  --_rs-theme-dark:var(
578
551
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
579
552
  var(--rs-theme-dark, 0)
@@ -581,7 +554,10 @@
581
554
  --_rs-theme-flip:var(--rs-theme-flip, 0);
582
555
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
583
556
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
584
- color:var(--_rs-typography-base-color);
557
+ color:var(
558
+ --rs-color-hard,
559
+ rgb(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))
560
+ );
585
561
  }
586
562
  @define-mixin rs-digits-1-offset-top{
587
563
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -609,9 +585,12 @@
609
585
  44px
610
586
  );
611
587
  --_rs-typography-base-color:var(
588
+ --_rs-typography-hardness-color,
589
+ var(
612
590
  --rs-color-hard,
613
591
  rgb(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))
614
- );
592
+ )
593
+ );
615
594
  --_rs-typography-text-auto-offset:0;
616
595
  --_rs-typography-ul-list-li-padding-left:initial;
617
596
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -631,10 +610,6 @@
631
610
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
632
611
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
633
612
  font-feature-settings:'kern', 'liga', 'calt';
634
- & > p:not(:nth-child(1)),
635
- & > pre:not(:nth-child(1)){
636
- padding-top:var(--_rs-typography-auto-offset-or-initial);
637
- }
638
613
  }
639
614
  @define-mixin rs-digits-2{
640
615
  --_rs-typography-letter-spacing:-0.005em;
@@ -659,9 +634,12 @@
659
634
  44px
660
635
  );
661
636
  --_rs-typography-base-color:var(
637
+ --_rs-typography-hardness-color,
638
+ var(
662
639
  --rs-color-hard,
663
640
  rgb(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))
664
- );
641
+ )
642
+ );
665
643
  --_rs-typography-text-auto-offset:0;
666
644
  --_rs-typography-ul-list-li-padding-left:initial;
667
645
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -681,15 +659,7 @@
681
659
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
682
660
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
683
661
  font-feature-settings:'kern', 'liga', 'calt';
684
- & > p:not(:nth-child(1)),
685
- & > pre:not(:nth-child(1)){
686
- padding-top:var(--_rs-typography-auto-offset-or-initial);
687
- }
688
662
  --rs-theme-dark:0;
689
- --_rs-typography-hardness-color:var(
690
- --rs-color-hard,
691
- rgb(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))
692
- );
693
663
  --_rs-theme-dark:var(
694
664
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
695
665
  var(--rs-theme-dark, 0)
@@ -697,14 +667,13 @@
697
667
  --_rs-theme-flip:var(--rs-theme-flip, 0);
698
668
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
699
669
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
700
- color:var(--_rs-typography-base-color);
701
- }
702
- @define-mixin rs-digits-2-theme-dark{
703
- --rs-theme-dark:1;
704
- --_rs-typography-hardness-color:var(
670
+ color:var(
705
671
  --rs-color-hard,
706
672
  rgb(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))
707
673
  );
674
+ }
675
+ @define-mixin rs-digits-2-theme-dark{
676
+ --rs-theme-dark:1;
708
677
  --_rs-theme-dark:var(
709
678
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
710
679
  var(--rs-theme-dark, 0)
@@ -712,7 +681,10 @@
712
681
  --_rs-theme-flip:var(--rs-theme-flip, 0);
713
682
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
714
683
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
715
- color:var(--_rs-typography-base-color);
684
+ color:var(
685
+ --rs-color-hard,
686
+ rgb(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))
687
+ );
716
688
  }
717
689
  @define-mixin rs-digits-2-offset-top{
718
690
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -737,9 +709,12 @@
737
709
  72px
738
710
  );
739
711
  --_rs-typography-base-color:var(
712
+ --_rs-typography-heading-hardness-color,
713
+ var(
740
714
  --rs-color-hard,
741
715
  rgb(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))
742
- );
716
+ )
717
+ );
743
718
  --_rs-typography-text-auto-offset:0;
744
719
  --_rs-typography-ul-list-li-padding-left:initial;
745
720
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -772,10 +747,6 @@
772
747
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
773
748
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
774
749
  font-feature-settings:'kern', 'liga', 'calt';
775
- & > p:not(:nth-child(1)),
776
- & > pre:not(:nth-child(1)){
777
- padding-top:var(--_rs-typography-auto-offset-or-initial);
778
- }
779
750
  }
780
751
  @define-mixin rs-hero{
781
752
  --_rs-typography-letter-spacing:-0.005em;
@@ -797,9 +768,12 @@
797
768
  72px
798
769
  );
799
770
  --_rs-typography-base-color:var(
771
+ --_rs-typography-heading-hardness-color,
772
+ var(
800
773
  --rs-color-hard,
801
774
  rgb(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))
802
- );
775
+ )
776
+ );
803
777
  --_rs-typography-text-auto-offset:0;
804
778
  --_rs-typography-ul-list-li-padding-left:initial;
805
779
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -832,15 +806,7 @@
832
806
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
833
807
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
834
808
  font-feature-settings:'kern', 'liga', 'calt';
835
- & > p:not(:nth-child(1)),
836
- & > pre:not(:nth-child(1)){
837
- padding-top:var(--_rs-typography-auto-offset-or-initial);
838
- }
839
809
  --rs-theme-dark:0;
840
- --_rs-typography-hardness-color:var(
841
- --rs-color-hard,
842
- rgb(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))
843
- );
844
810
  --_rs-theme-dark:var(
845
811
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
846
812
  var(--rs-theme-dark, 0)
@@ -848,14 +814,13 @@
848
814
  --_rs-theme-flip:var(--rs-theme-flip, 0);
849
815
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
850
816
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
851
- color:var(--_rs-typography-base-color);
852
- }
853
- @define-mixin rs-hero-theme-dark{
854
- --rs-theme-dark:1;
855
- --_rs-typography-hardness-color:var(
817
+ color:var(
856
818
  --rs-color-hard,
857
819
  rgb(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))
858
820
  );
821
+ }
822
+ @define-mixin rs-hero-theme-dark{
823
+ --rs-theme-dark:1;
859
824
  --_rs-theme-dark:var(
860
825
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
861
826
  var(--rs-theme-dark, 0)
@@ -863,7 +828,10 @@
863
828
  --_rs-theme-flip:var(--rs-theme-flip, 0);
864
829
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
865
830
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
866
- color:var(--_rs-typography-base-color);
831
+ color:var(
832
+ --rs-color-hard,
833
+ rgb(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))
834
+ );
867
835
  }
868
836
  @define-mixin rs-hero-offset-top{
869
837
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
@@ -891,9 +859,12 @@
891
859
  49px
892
860
  );
893
861
  --_rs-typography-base-color:var(
862
+ --_rs-typography-hardness-color,
863
+ var(
894
864
  --rs-color-hard,
895
865
  rgb(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))
896
- );
866
+ )
867
+ );
897
868
  --_rs-typography-text-auto-offset:0;
898
869
  --_rs-typography-ul-list-li-padding-left:initial;
899
870
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -923,10 +894,6 @@
923
894
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
924
895
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
925
896
  font-feature-settings:'kern', 'liga', 'calt';
926
- & > p:not(:nth-child(1)),
927
- & > pre:not(:nth-child(1)){
928
- padding-top:var(--_rs-typography-auto-offset-or-initial);
929
- }
930
897
  }
931
898
  @define-mixin rs-subtitle-1{
932
899
  --_rs-typography-letter-spacing:normal;
@@ -951,9 +918,12 @@
951
918
  49px
952
919
  );
953
920
  --_rs-typography-base-color:var(
921
+ --_rs-typography-hardness-color,
922
+ var(
954
923
  --rs-color-hard,
955
924
  rgb(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))
956
- );
925
+ )
926
+ );
957
927
  --_rs-typography-text-auto-offset:0;
958
928
  --_rs-typography-ul-list-li-padding-left:initial;
959
929
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -983,15 +953,7 @@
983
953
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
984
954
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
985
955
  font-feature-settings:'kern', 'liga', 'calt';
986
- & > p:not(:nth-child(1)),
987
- & > pre:not(:nth-child(1)){
988
- padding-top:var(--_rs-typography-auto-offset-or-initial);
989
- }
990
956
  --rs-theme-dark:0;
991
- --_rs-typography-hardness-color:var(
992
- --rs-color-hard,
993
- rgb(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))
994
- );
995
957
  --_rs-theme-dark:var(
996
958
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
997
959
  var(--rs-theme-dark, 0)
@@ -999,14 +961,13 @@
999
961
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1000
962
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1001
963
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1002
- color:var(--_rs-typography-base-color);
1003
- }
1004
- @define-mixin rs-subtitle-1-theme-dark{
1005
- --rs-theme-dark:1;
1006
- --_rs-typography-hardness-color:var(
964
+ color:var(
1007
965
  --rs-color-hard,
1008
966
  rgb(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))
1009
967
  );
968
+ }
969
+ @define-mixin rs-subtitle-1-theme-dark{
970
+ --rs-theme-dark:1;
1010
971
  --_rs-theme-dark:var(
1011
972
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1012
973
  var(--rs-theme-dark, 0)
@@ -1014,7 +975,10 @@
1014
975
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1015
976
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1016
977
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1017
- color:var(--_rs-typography-base-color);
978
+ color:var(
979
+ --rs-color-hard,
980
+ rgb(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))
981
+ );
1018
982
  }
1019
983
  @define-mixin rs-subtitle-1-offset-top{
1020
984
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1036,9 +1000,12 @@
1036
1000
  );
1037
1001
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1038
1002
  --_rs-typography-base-color:var(
1003
+ --_rs-typography-heading-hardness-color,
1004
+ var(
1039
1005
  --rs-color-hard,
1040
1006
  rgb(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))
1041
- );
1007
+ )
1008
+ );
1042
1009
  --_rs-typography-text-auto-offset:0;
1043
1010
  --_rs-typography-ul-list-li-padding-left:initial;
1044
1011
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1069,10 +1036,6 @@
1069
1036
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1070
1037
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1071
1038
  font-feature-settings:'kern', 'liga', 'calt';
1072
- & > p:not(:nth-child(1)),
1073
- & > pre:not(:nth-child(1)){
1074
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1075
- }
1076
1039
  }
1077
1040
  @define-mixin rs-h1{
1078
1041
  --_rs-typography-letter-spacing:-0.001em;
@@ -1091,9 +1054,12 @@
1091
1054
  );
1092
1055
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1093
1056
  --_rs-typography-base-color:var(
1057
+ --_rs-typography-heading-hardness-color,
1058
+ var(
1094
1059
  --rs-color-hard,
1095
1060
  rgb(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))
1096
- );
1061
+ )
1062
+ );
1097
1063
  --_rs-typography-text-auto-offset:0;
1098
1064
  --_rs-typography-ul-list-li-padding-left:initial;
1099
1065
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1124,15 +1090,7 @@
1124
1090
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1125
1091
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1126
1092
  font-feature-settings:'kern', 'liga', 'calt';
1127
- & > p:not(:nth-child(1)),
1128
- & > pre:not(:nth-child(1)){
1129
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1130
- }
1131
1093
  --rs-theme-dark:0;
1132
- --_rs-typography-hardness-color:var(
1133
- --rs-color-hard,
1134
- rgb(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))
1135
- );
1136
1094
  --_rs-theme-dark:var(
1137
1095
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1138
1096
  var(--rs-theme-dark, 0)
@@ -1140,14 +1098,13 @@
1140
1098
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1141
1099
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1142
1100
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1143
- color:var(--_rs-typography-base-color);
1144
- }
1145
- @define-mixin rs-h1-theme-dark{
1146
- --rs-theme-dark:1;
1147
- --_rs-typography-hardness-color:var(
1101
+ color:var(
1148
1102
  --rs-color-hard,
1149
1103
  rgb(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))
1150
1104
  );
1105
+ }
1106
+ @define-mixin rs-h1-theme-dark{
1107
+ --rs-theme-dark:1;
1151
1108
  --_rs-theme-dark:var(
1152
1109
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1153
1110
  var(--rs-theme-dark, 0)
@@ -1155,7 +1112,10 @@
1155
1112
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1156
1113
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1157
1114
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1158
- color:var(--_rs-typography-base-color);
1115
+ color:var(
1116
+ --rs-color-hard,
1117
+ rgb(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))
1118
+ );
1159
1119
  }
1160
1120
  @define-mixin rs-h1-offset-top{
1161
1121
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
@@ -1183,9 +1143,12 @@
1183
1143
  39px
1184
1144
  );
1185
1145
  --_rs-typography-base-color:var(
1146
+ --_rs-typography-hardness-color,
1147
+ var(
1186
1148
  --rs-color-hard,
1187
1149
  rgb(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))
1188
- );
1150
+ )
1151
+ );
1189
1152
  --_rs-typography-text-auto-offset:0;
1190
1153
  --_rs-typography-ul-list-li-padding-left:initial;
1191
1154
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1215,10 +1178,6 @@
1215
1178
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1216
1179
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1217
1180
  font-feature-settings:'kern', 'liga', 'calt';
1218
- & > p:not(:nth-child(1)),
1219
- & > pre:not(:nth-child(1)){
1220
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1221
- }
1222
1181
  }
1223
1182
  @define-mixin rs-subtitle-2{
1224
1183
  --_rs-typography-letter-spacing:normal;
@@ -1243,9 +1202,12 @@
1243
1202
  39px
1244
1203
  );
1245
1204
  --_rs-typography-base-color:var(
1205
+ --_rs-typography-hardness-color,
1206
+ var(
1246
1207
  --rs-color-hard,
1247
1208
  rgb(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))
1248
- );
1209
+ )
1210
+ );
1249
1211
  --_rs-typography-text-auto-offset:0;
1250
1212
  --_rs-typography-ul-list-li-padding-left:initial;
1251
1213
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1275,15 +1237,7 @@
1275
1237
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1276
1238
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1277
1239
  font-feature-settings:'kern', 'liga', 'calt';
1278
- & > p:not(:nth-child(1)),
1279
- & > pre:not(:nth-child(1)){
1280
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1281
- }
1282
1240
  --rs-theme-dark:0;
1283
- --_rs-typography-hardness-color:var(
1284
- --rs-color-hard,
1285
- rgb(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))
1286
- );
1287
1241
  --_rs-theme-dark:var(
1288
1242
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1289
1243
  var(--rs-theme-dark, 0)
@@ -1291,14 +1245,13 @@
1291
1245
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1292
1246
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1293
1247
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1294
- color:var(--_rs-typography-base-color);
1295
- }
1296
- @define-mixin rs-subtitle-2-theme-dark{
1297
- --rs-theme-dark:1;
1298
- --_rs-typography-hardness-color:var(
1248
+ color:var(
1299
1249
  --rs-color-hard,
1300
1250
  rgb(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))
1301
1251
  );
1252
+ }
1253
+ @define-mixin rs-subtitle-2-theme-dark{
1254
+ --rs-theme-dark:1;
1302
1255
  --_rs-theme-dark:var(
1303
1256
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1304
1257
  var(--rs-theme-dark, 0)
@@ -1306,7 +1259,10 @@
1306
1259
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1307
1260
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1308
1261
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1309
- color:var(--_rs-typography-base-color);
1262
+ color:var(
1263
+ --rs-color-hard,
1264
+ rgb(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))
1265
+ );
1310
1266
  }
1311
1267
  @define-mixin rs-subtitle-2-offset-top{
1312
1268
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1328,9 +1284,12 @@
1328
1284
  );
1329
1285
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1330
1286
  --_rs-typography-base-color:var(
1287
+ --_rs-typography-heading-hardness-color,
1288
+ var(
1331
1289
  --rs-color-hard,
1332
1290
  rgb(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))
1333
- );
1291
+ )
1292
+ );
1334
1293
  --_rs-typography-text-auto-offset:0;
1335
1294
  --_rs-typography-ul-list-li-padding-left:initial;
1336
1295
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1360,10 +1319,6 @@
1360
1319
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1361
1320
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1362
1321
  font-feature-settings:'kern', 'liga', 'calt';
1363
- & > p:not(:nth-child(1)),
1364
- & > pre:not(:nth-child(1)){
1365
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1366
- }
1367
1322
  }
1368
1323
  @define-mixin rs-h2{
1369
1324
  --_rs-typography-letter-spacing:normal;
@@ -1382,9 +1337,12 @@
1382
1337
  );
1383
1338
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1384
1339
  --_rs-typography-base-color:var(
1340
+ --_rs-typography-heading-hardness-color,
1341
+ var(
1385
1342
  --rs-color-hard,
1386
1343
  rgb(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))
1387
- );
1344
+ )
1345
+ );
1388
1346
  --_rs-typography-text-auto-offset:0;
1389
1347
  --_rs-typography-ul-list-li-padding-left:initial;
1390
1348
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1414,15 +1372,7 @@
1414
1372
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1415
1373
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1416
1374
  font-feature-settings:'kern', 'liga', 'calt';
1417
- & > p:not(:nth-child(1)),
1418
- & > pre:not(:nth-child(1)){
1419
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1420
- }
1421
1375
  --rs-theme-dark:0;
1422
- --_rs-typography-hardness-color:var(
1423
- --rs-color-hard,
1424
- rgb(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))
1425
- );
1426
1376
  --_rs-theme-dark:var(
1427
1377
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1428
1378
  var(--rs-theme-dark, 0)
@@ -1430,14 +1380,13 @@
1430
1380
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1431
1381
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1432
1382
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1433
- color:var(--_rs-typography-base-color);
1434
- }
1435
- @define-mixin rs-h2-theme-dark{
1436
- --rs-theme-dark:1;
1437
- --_rs-typography-hardness-color:var(
1383
+ color:var(
1438
1384
  --rs-color-hard,
1439
1385
  rgb(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))
1440
1386
  );
1387
+ }
1388
+ @define-mixin rs-h2-theme-dark{
1389
+ --rs-theme-dark:1;
1441
1390
  --_rs-theme-dark:var(
1442
1391
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1443
1392
  var(--rs-theme-dark, 0)
@@ -1445,7 +1394,10 @@
1445
1394
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1446
1395
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1447
1396
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1448
- color:var(--_rs-typography-base-color);
1397
+ color:var(
1398
+ --rs-color-hard,
1399
+ rgb(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))
1400
+ );
1449
1401
  }
1450
1402
  @define-mixin rs-h2-offset-top{
1451
1403
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
@@ -1467,9 +1419,12 @@
1467
1419
  );
1468
1420
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1469
1421
  --_rs-typography-base-color:var(
1422
+ --_rs-typography-heading-hardness-color,
1423
+ var(
1470
1424
  --rs-color-hard,
1471
1425
  rgb(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))
1472
- );
1426
+ )
1427
+ );
1473
1428
  --_rs-typography-text-auto-offset:0;
1474
1429
  --_rs-typography-ul-list-li-padding-left:initial;
1475
1430
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1489,10 +1444,6 @@
1489
1444
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1490
1445
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1491
1446
  font-feature-settings:'kern', 'liga', 'calt';
1492
- & > p:not(:nth-child(1)),
1493
- & > pre:not(:nth-child(1)){
1494
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1495
- }
1496
1447
  }
1497
1448
  @define-mixin rs-h3{
1498
1449
  --_rs-typography-letter-spacing:normal;
@@ -1511,9 +1462,12 @@
1511
1462
  );
1512
1463
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1513
1464
  --_rs-typography-base-color:var(
1465
+ --_rs-typography-heading-hardness-color,
1466
+ var(
1514
1467
  --rs-color-hard,
1515
1468
  rgb(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))
1516
- );
1469
+ )
1470
+ );
1517
1471
  --_rs-typography-text-auto-offset:0;
1518
1472
  --_rs-typography-ul-list-li-padding-left:initial;
1519
1473
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1533,15 +1487,7 @@
1533
1487
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1534
1488
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1535
1489
  font-feature-settings:'kern', 'liga', 'calt';
1536
- & > p:not(:nth-child(1)),
1537
- & > pre:not(:nth-child(1)){
1538
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1539
- }
1540
1490
  --rs-theme-dark:0;
1541
- --_rs-typography-hardness-color:var(
1542
- --rs-color-hard,
1543
- rgb(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))
1544
- );
1545
1491
  --_rs-theme-dark:var(
1546
1492
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1547
1493
  var(--rs-theme-dark, 0)
@@ -1549,14 +1495,13 @@
1549
1495
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1550
1496
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1551
1497
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1552
- color:var(--_rs-typography-base-color);
1553
- }
1554
- @define-mixin rs-h3-theme-dark{
1555
- --rs-theme-dark:1;
1556
- --_rs-typography-hardness-color:var(
1498
+ color:var(
1557
1499
  --rs-color-hard,
1558
1500
  rgb(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))
1559
1501
  );
1502
+ }
1503
+ @define-mixin rs-h3-theme-dark{
1504
+ --rs-theme-dark:1;
1560
1505
  --_rs-theme-dark:var(
1561
1506
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1562
1507
  var(--rs-theme-dark, 0)
@@ -1564,7 +1509,10 @@
1564
1509
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1565
1510
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1566
1511
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1567
- color:var(--_rs-typography-base-color);
1512
+ color:var(
1513
+ --rs-color-hard,
1514
+ rgb(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))
1515
+ );
1568
1516
  }
1569
1517
  @define-mixin rs-h3-offset-top{
1570
1518
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1617,10 +1565,6 @@
1617
1565
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1618
1566
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1619
1567
  font-feature-settings:'kern', 'liga', 'calt';
1620
- & > p:not(:nth-child(1)),
1621
- & > pre:not(:nth-child(1)){
1622
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1623
- }
1624
1568
  }
1625
1569
  @define-mixin rs-text-1{
1626
1570
  --_rs-typography-letter-spacing:normal;
@@ -1670,15 +1614,7 @@
1670
1614
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1671
1615
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1672
1616
  font-feature-settings:'kern', 'liga', 'calt';
1673
- & > p:not(:nth-child(1)),
1674
- & > pre:not(:nth-child(1)){
1675
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1676
- }
1677
1617
  --rs-theme-dark:0;
1678
- --_rs-typography-hardness-color:var(
1679
- --rs-color-average,
1680
- rgba(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), 0.7)
1681
- );
1682
1618
  --_rs-theme-dark:var(
1683
1619
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1684
1620
  var(--rs-theme-dark, 0)
@@ -1686,14 +1622,13 @@
1686
1622
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1687
1623
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1688
1624
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1689
- color:var(--_rs-typography-base-color);
1690
- }
1691
- @define-mixin rs-text-1-theme-dark{
1692
- --rs-theme-dark:1;
1693
- --_rs-typography-hardness-color:var(
1625
+ color:var(
1694
1626
  --rs-color-average,
1695
1627
  rgba(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), 0.7)
1696
1628
  );
1629
+ }
1630
+ @define-mixin rs-text-1-theme-dark{
1631
+ --rs-theme-dark:1;
1697
1632
  --_rs-theme-dark:var(
1698
1633
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1699
1634
  var(--rs-theme-dark, 0)
@@ -1701,7 +1636,10 @@
1701
1636
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1702
1637
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1703
1638
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1704
- color:var(--_rs-typography-base-color);
1639
+ color:var(
1640
+ --rs-color-average,
1641
+ rgba(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), 0.7)
1642
+ );
1705
1643
  }
1706
1644
  @define-mixin rs-text-1-offset-top{
1707
1645
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1723,9 +1661,12 @@
1723
1661
  );
1724
1662
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1725
1663
  --_rs-typography-base-color:var(
1664
+ --_rs-typography-heading-hardness-color,
1665
+ var(
1726
1666
  --rs-color-hard,
1727
1667
  rgb(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))
1728
- );
1668
+ )
1669
+ );
1729
1670
  --_rs-typography-text-auto-offset:0;
1730
1671
  --_rs-typography-ul-list-li-padding-left:initial;
1731
1672
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1745,10 +1686,6 @@
1745
1686
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1746
1687
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1747
1688
  font-feature-settings:'kern', 'liga', 'calt';
1748
- & > p:not(:nth-child(1)),
1749
- & > pre:not(:nth-child(1)){
1750
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1751
- }
1752
1689
  }
1753
1690
  @define-mixin rs-h4{
1754
1691
  --_rs-typography-letter-spacing:normal;
@@ -1767,9 +1704,12 @@
1767
1704
  );
1768
1705
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1769
1706
  --_rs-typography-base-color:var(
1707
+ --_rs-typography-heading-hardness-color,
1708
+ var(
1770
1709
  --rs-color-hard,
1771
1710
  rgb(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))
1772
- );
1711
+ )
1712
+ );
1773
1713
  --_rs-typography-text-auto-offset:0;
1774
1714
  --_rs-typography-ul-list-li-padding-left:initial;
1775
1715
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1789,15 +1729,7 @@
1789
1729
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1790
1730
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1791
1731
  font-feature-settings:'kern', 'liga', 'calt';
1792
- & > p:not(:nth-child(1)),
1793
- & > pre:not(:nth-child(1)){
1794
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1795
- }
1796
1732
  --rs-theme-dark:0;
1797
- --_rs-typography-hardness-color:var(
1798
- --rs-color-hard,
1799
- rgb(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))
1800
- );
1801
1733
  --_rs-theme-dark:var(
1802
1734
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1803
1735
  var(--rs-theme-dark, 0)
@@ -1805,14 +1737,13 @@
1805
1737
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1806
1738
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1807
1739
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1808
- color:var(--_rs-typography-base-color);
1809
- }
1810
- @define-mixin rs-h4-theme-dark{
1811
- --rs-theme-dark:1;
1812
- --_rs-typography-hardness-color:var(
1740
+ color:var(
1813
1741
  --rs-color-hard,
1814
1742
  rgb(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))
1815
1743
  );
1744
+ }
1745
+ @define-mixin rs-h4-theme-dark{
1746
+ --rs-theme-dark:1;
1816
1747
  --_rs-theme-dark:var(
1817
1748
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1818
1749
  var(--rs-theme-dark, 0)
@@ -1820,7 +1751,10 @@
1820
1751
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1821
1752
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1822
1753
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1823
- color:var(--_rs-typography-base-color);
1754
+ color:var(
1755
+ --rs-color-hard,
1756
+ rgb(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))
1757
+ );
1824
1758
  }
1825
1759
  @define-mixin rs-h4-offset-top{
1826
1760
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -1873,10 +1807,6 @@
1873
1807
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1874
1808
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1875
1809
  font-feature-settings:'kern', 'liga', 'calt';
1876
- & > p:not(:nth-child(1)),
1877
- & > pre:not(:nth-child(1)){
1878
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1879
- }
1880
1810
  }
1881
1811
  @define-mixin rs-text-2{
1882
1812
  --_rs-typography-letter-spacing:0.0015em;
@@ -1926,15 +1856,7 @@
1926
1856
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1927
1857
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1928
1858
  font-feature-settings:'kern', 'liga', 'calt';
1929
- & > p:not(:nth-child(1)),
1930
- & > pre:not(:nth-child(1)){
1931
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1932
- }
1933
1859
  --rs-theme-dark:0;
1934
- --_rs-typography-hardness-color:var(
1935
- --rs-color-average,
1936
- rgba(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), 0.7)
1937
- );
1938
1860
  --_rs-theme-dark:var(
1939
1861
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1940
1862
  var(--rs-theme-dark, 0)
@@ -1942,14 +1864,13 @@
1942
1864
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1943
1865
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1944
1866
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1945
- color:var(--_rs-typography-base-color);
1946
- }
1947
- @define-mixin rs-text-2-theme-dark{
1948
- --rs-theme-dark:1;
1949
- --_rs-typography-hardness-color:var(
1867
+ color:var(
1950
1868
  --rs-color-average,
1951
1869
  rgba(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), 0.7)
1952
1870
  );
1871
+ }
1872
+ @define-mixin rs-text-2-theme-dark{
1873
+ --rs-theme-dark:1;
1953
1874
  --_rs-theme-dark:var(
1954
1875
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1955
1876
  var(--rs-theme-dark, 0)
@@ -1957,7 +1878,10 @@
1957
1878
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1958
1879
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1959
1880
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1960
- color:var(--_rs-typography-base-color);
1881
+ color:var(
1882
+ --rs-color-average,
1883
+ rgba(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), 0.7)
1884
+ );
1961
1885
  }
1962
1886
  @define-mixin rs-text-2-offset-top{
1963
1887
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -1979,9 +1903,12 @@
1979
1903
  );
1980
1904
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1981
1905
  --_rs-typography-base-color:var(
1906
+ --_rs-typography-heading-hardness-color,
1907
+ var(
1982
1908
  --rs-color-hard,
1983
1909
  rgb(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))
1984
- );
1910
+ )
1911
+ );
1985
1912
  --_rs-typography-text-auto-offset:0;
1986
1913
  --_rs-typography-ul-list-li-padding-left:initial;
1987
1914
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2001,10 +1928,6 @@
2001
1928
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2002
1929
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2003
1930
  font-feature-settings:'kern', 'liga', 'calt';
2004
- & > p:not(:nth-child(1)),
2005
- & > pre:not(:nth-child(1)){
2006
- padding-top:var(--_rs-typography-auto-offset-or-initial);
2007
- }
2008
1931
  }
2009
1932
  @define-mixin rs-h5{
2010
1933
  --_rs-typography-letter-spacing:normal;
@@ -2023,9 +1946,12 @@
2023
1946
  );
2024
1947
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
2025
1948
  --_rs-typography-base-color:var(
1949
+ --_rs-typography-heading-hardness-color,
1950
+ var(
2026
1951
  --rs-color-hard,
2027
1952
  rgb(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))
2028
- );
1953
+ )
1954
+ );
2029
1955
  --_rs-typography-text-auto-offset:0;
2030
1956
  --_rs-typography-ul-list-li-padding-left:initial;
2031
1957
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2045,15 +1971,7 @@
2045
1971
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2046
1972
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2047
1973
  font-feature-settings:'kern', 'liga', 'calt';
2048
- & > p:not(:nth-child(1)),
2049
- & > pre:not(:nth-child(1)){
2050
- padding-top:var(--_rs-typography-auto-offset-or-initial);
2051
- }
2052
1974
  --rs-theme-dark:0;
2053
- --_rs-typography-hardness-color:var(
2054
- --rs-color-hard,
2055
- rgb(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))
2056
- );
2057
1975
  --_rs-theme-dark:var(
2058
1976
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2059
1977
  var(--rs-theme-dark, 0)
@@ -2061,14 +1979,13 @@
2061
1979
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2062
1980
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2063
1981
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2064
- color:var(--_rs-typography-base-color);
2065
- }
2066
- @define-mixin rs-h5-theme-dark{
2067
- --rs-theme-dark:1;
2068
- --_rs-typography-hardness-color:var(
1982
+ color:var(
2069
1983
  --rs-color-hard,
2070
1984
  rgb(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))
2071
1985
  );
1986
+ }
1987
+ @define-mixin rs-h5-theme-dark{
1988
+ --rs-theme-dark:1;
2072
1989
  --_rs-theme-dark:var(
2073
1990
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2074
1991
  var(--rs-theme-dark, 0)
@@ -2076,7 +1993,10 @@
2076
1993
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2077
1994
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2078
1995
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2079
- color:var(--_rs-typography-base-color);
1996
+ color:var(
1997
+ --rs-color-hard,
1998
+ rgb(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))
1999
+ );
2080
2000
  }
2081
2001
  @define-mixin rs-h5-offset-top{
2082
2002
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2104,9 +2024,12 @@
2104
2024
  18px
2105
2025
  );
2106
2026
  --_rs-typography-base-color:var(
2027
+ --_rs-typography-heading-hardness-color,
2028
+ var(
2107
2029
  --rs-color-hard,
2108
2030
  rgb(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))
2109
- );
2031
+ )
2032
+ );
2110
2033
  --_rs-typography-text-auto-offset:0px;
2111
2034
  --_rs-typography-ul-list-li-padding-left:initial;
2112
2035
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2126,15 +2049,8 @@
2126
2049
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2127
2050
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2128
2051
  font-feature-settings:'kern', 'liga', 'calt';
2129
- & > p:not(:nth-child(1)),
2130
- & > pre:not(:nth-child(1)){
2131
- padding-top:var(--_rs-typography-auto-offset-or-initial);
2132
- }
2052
+ color:var(--_rs-typography-base-color);
2133
2053
  --rs-theme-dark:0;
2134
- --_rs-typography-hardness-color:var(
2135
- --rs-color-hard,
2136
- rgb(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))
2137
- );
2138
2054
  --_rs-theme-dark:var(
2139
2055
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2140
2056
  var(--rs-theme-dark, 0)
@@ -2142,14 +2058,13 @@
2142
2058
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2143
2059
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2144
2060
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2145
- color:var(--_rs-typography-base-color);
2146
- }
2147
- @define-mixin rs-overline-theme-dark{
2148
- --rs-theme-dark:1;
2149
- --_rs-typography-hardness-color:var(
2061
+ color:var(
2150
2062
  --rs-color-hard,
2151
2063
  rgb(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))
2152
2064
  );
2065
+ }
2066
+ @define-mixin rs-overline-theme-dark{
2067
+ --rs-theme-dark:1;
2153
2068
  --_rs-theme-dark:var(
2154
2069
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2155
2070
  var(--rs-theme-dark, 0)
@@ -2157,7 +2072,10 @@
2157
2072
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2158
2073
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2159
2074
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2160
- color:var(--_rs-typography-base-color);
2075
+ color:var(
2076
+ --rs-color-hard,
2077
+ rgb(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))
2078
+ );
2161
2079
  }
2162
2080
  @define-mixin rs-overline-offset-top{
2163
2081
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2207,10 +2125,6 @@
2207
2125
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2208
2126
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2209
2127
  font-feature-settings:'kern', 'liga', 'calt';
2210
- & > p:not(:nth-child(1)),
2211
- & > pre:not(:nth-child(1)){
2212
- padding-top:var(--_rs-typography-auto-offset-or-initial);
2213
- }
2214
2128
  }
2215
2129
  @define-mixin rs-text-3{
2216
2130
  --_rs-typography-letter-spacing:0.0045em;
@@ -2257,15 +2171,7 @@
2257
2171
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2258
2172
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2259
2173
  font-feature-settings:'kern', 'liga', 'calt';
2260
- & > p:not(:nth-child(1)),
2261
- & > pre:not(:nth-child(1)){
2262
- padding-top:var(--_rs-typography-auto-offset-or-initial);
2263
- }
2264
2174
  --rs-theme-dark:0;
2265
- --_rs-typography-hardness-color:var(
2266
- --rs-color-average,
2267
- rgba(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), 0.7)
2268
- );
2269
2175
  --_rs-theme-dark:var(
2270
2176
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2271
2177
  var(--rs-theme-dark, 0)
@@ -2273,14 +2179,13 @@
2273
2179
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2274
2180
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2275
2181
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2276
- color:var(--_rs-typography-base-color);
2277
- }
2278
- @define-mixin rs-text-3-theme-dark{
2279
- --rs-theme-dark:1;
2280
- --_rs-typography-hardness-color:var(
2182
+ color:var(
2281
2183
  --rs-color-average,
2282
2184
  rgba(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), 0.7)
2283
2185
  );
2186
+ }
2187
+ @define-mixin rs-text-3-theme-dark{
2188
+ --rs-theme-dark:1;
2284
2189
  --_rs-theme-dark:var(
2285
2190
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2286
2191
  var(--rs-theme-dark, 0)
@@ -2288,7 +2193,10 @@
2288
2193
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2289
2194
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2290
2195
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2291
- color:var(--_rs-typography-base-color);
2196
+ color:var(
2197
+ --rs-color-average,
2198
+ rgba(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), 0.7)
2199
+ );
2292
2200
  }
2293
2201
  @define-mixin rs-text-3-offset-top{
2294
2202
  margin-top:var(--rs-flow-unit, 8px);
@@ -2546,14 +2454,14 @@
2546
2454
  font-size:16px;
2547
2455
  line-height:24px;
2548
2456
  > code,
2549
- > .rs-code{
2457
+ > [class*='rs-code']{
2550
2458
  border:0;
2551
2459
 
2552
2460
  white-space:pre;
2553
2461
  word-break:normal;
2554
2462
  }
2555
2463
  code,
2556
- .rs-code{
2464
+ [class*='rs-code']{
2557
2465
  display:inline;
2558
2466
  overflow:visible;
2559
2467