@rescui/typography 0.16.3 → 0.17.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 +0 -2
  2. package/lib/create-text-cn.js +5 -4
  3. package/lib/index-moduled.css +1252 -0
  4. package/lib/index-moduled.p.module.css.js +118 -0
  5. package/lib/index.css +13 -64
  6. package/lib/index.d.ts +0 -1
  7. package/lib/index.js +1 -1
  8. package/lib/mixins.p.css +155 -316
  9. package/lib/mixins.pcss +155 -316
  10. package/lib/public-api.p.css +7 -92
  11. package/lib/public-api.pcss +7 -92
  12. package/package.json +6 -6
  13. package/lib/any.d.ts +0 -1
package/lib/mixins.pcss CHANGED
@@ -78,10 +78,6 @@
78
78
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
79
79
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
80
80
  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
81
  }
86
82
  @define-mixin rs-super-hero{
87
83
  --_rs-typography-letter-spacing:-0.02em;
@@ -154,15 +150,7 @@
154
150
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
155
151
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
156
152
  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
153
  --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
154
  --_rs-theme-dark:var(
167
155
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
168
156
  var(--rs-theme-dark, 0)
@@ -170,14 +158,13 @@
170
158
  --_rs-theme-flip:var(--rs-theme-flip, 0);
171
159
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
172
160
  --_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(
161
+ color:var(
178
162
  --rs-color-hard,
179
163
  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
164
  );
165
+ }
166
+ @define-mixin rs-super-hero-theme-dark{
167
+ --rs-theme-dark:1;
181
168
  --_rs-theme-dark:var(
182
169
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
183
170
  var(--rs-theme-dark, 0)
@@ -185,7 +172,10 @@
185
172
  --_rs-theme-flip:var(--rs-theme-flip, 0);
186
173
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
187
174
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
188
- color:var(--_rs-typography-base-color);
175
+ color:var(
176
+ --rs-color-hard,
177
+ 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))
178
+ );
189
179
  }
190
180
  @define-mixin rs-super-hero-offset-top{
191
181
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
@@ -248,10 +238,6 @@
248
238
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
249
239
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
250
240
  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
241
  }
256
242
  @define-mixin rs-middle-hero{
257
243
  --_rs-typography-letter-spacing:-0.008em;
@@ -311,15 +297,7 @@
311
297
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
312
298
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
313
299
  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
300
  --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
301
  --_rs-theme-dark:var(
324
302
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
325
303
  var(--rs-theme-dark, 0)
@@ -327,14 +305,13 @@
327
305
  --_rs-theme-flip:var(--rs-theme-flip, 0);
328
306
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
329
307
  --_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(
308
+ color:var(
335
309
  --rs-color-hard,
336
310
  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
311
  );
312
+ }
313
+ @define-mixin rs-middle-hero-theme-dark{
314
+ --rs-theme-dark:1;
338
315
  --_rs-theme-dark:var(
339
316
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
340
317
  var(--rs-theme-dark, 0)
@@ -342,17 +319,16 @@
342
319
  --_rs-theme-flip:var(--rs-theme-flip, 0);
343
320
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
344
321
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
345
- color:var(--_rs-typography-base-color);
322
+ color:var(
323
+ --rs-color-hard,
324
+ 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))
325
+ );
346
326
  }
347
327
  @define-mixin rs-middle-hero-offset-top{
348
328
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
349
329
  }
350
330
  @define-mixin rs-text-hardness-hard{
351
331
  --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
332
  --_rs-theme-dark:var(
357
333
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
358
334
  var(--rs-theme-dark, 0)
@@ -361,14 +337,13 @@
361
337
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
362
338
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
363
339
 
364
- color:var(--_rs-typography-base-color);
340
+ color:var(
341
+ --rs-color-hard,
342
+ 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))
343
+ );
365
344
  }
366
345
  @define-mixin rs-text-hardness-average{
367
346
  --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
347
  --_rs-theme-dark:var(
373
348
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
374
349
  var(--rs-theme-dark, 0)
@@ -377,14 +352,13 @@
377
352
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
378
353
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
379
354
 
380
- color:var(--_rs-typography-base-color);
355
+ color:var(
356
+ --rs-color-average,
357
+ 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)
358
+ );
381
359
  }
382
360
  @define-mixin rs-text-hardness-pale{
383
361
  --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
362
  --_rs-theme-dark:var(
389
363
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
390
364
  var(--rs-theme-dark, 0)
@@ -393,14 +367,13 @@
393
367
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
394
368
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
395
369
 
396
- color:var(--_rs-typography-base-color);
370
+ color:var(
371
+ --rs-color-pale,
372
+ 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)
373
+ );
397
374
  }
398
375
  @define-mixin rs-text-hardness-hard-theme-dark{
399
376
  --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
377
  --_rs-theme-dark:var(
405
378
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
406
379
  var(--rs-theme-dark, 0)
@@ -409,14 +382,13 @@
409
382
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
410
383
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
411
384
 
412
- color:var(--_rs-typography-base-color);
385
+ color:var(
386
+ --rs-color-hard,
387
+ 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))
388
+ );
413
389
  }
414
390
  @define-mixin rs-text-hardness-average-theme-dark{
415
391
  --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
392
  --_rs-theme-dark:var(
421
393
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
422
394
  var(--rs-theme-dark, 0)
@@ -425,14 +397,13 @@
425
397
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
426
398
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
427
399
 
428
- color:var(--_rs-typography-base-color);
400
+ color:var(
401
+ --rs-color-average,
402
+ 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)
403
+ );
429
404
  }
430
405
  @define-mixin rs-text-hardness-pale-theme-dark{
431
406
  --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
407
  --_rs-theme-dark:var(
437
408
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
438
409
  var(--rs-theme-dark, 0)
@@ -441,7 +412,10 @@
441
412
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
442
413
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
443
414
 
444
- color:var(--_rs-typography-base-color);
415
+ color:var(
416
+ --rs-color-pale,
417
+ 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)
418
+ );
445
419
  }
446
420
  @define-mixin rs-digits-1-base{
447
421
  --_rs-typography-letter-spacing:-0.005em;
@@ -494,10 +468,6 @@
494
468
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
495
469
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
496
470
  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
471
  }
502
472
  @define-mixin rs-digits-1{
503
473
  --_rs-typography-letter-spacing:-0.005em;
@@ -550,15 +520,7 @@
550
520
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
551
521
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
552
522
  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
523
  --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
524
  --_rs-theme-dark:var(
563
525
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
564
526
  var(--rs-theme-dark, 0)
@@ -566,14 +528,13 @@
566
528
  --_rs-theme-flip:var(--rs-theme-flip, 0);
567
529
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
568
530
  --_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(
531
+ color:var(
574
532
  --rs-color-hard,
575
533
  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
534
  );
535
+ }
536
+ @define-mixin rs-digits-1-theme-dark{
537
+ --rs-theme-dark:1;
577
538
  --_rs-theme-dark:var(
578
539
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
579
540
  var(--rs-theme-dark, 0)
@@ -581,7 +542,10 @@
581
542
  --_rs-theme-flip:var(--rs-theme-flip, 0);
582
543
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
583
544
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
584
- color:var(--_rs-typography-base-color);
545
+ color:var(
546
+ --rs-color-hard,
547
+ 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))
548
+ );
585
549
  }
586
550
  @define-mixin rs-digits-1-offset-top{
587
551
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -631,10 +595,6 @@
631
595
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
632
596
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
633
597
  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
598
  }
639
599
  @define-mixin rs-digits-2{
640
600
  --_rs-typography-letter-spacing:-0.005em;
@@ -681,15 +641,7 @@
681
641
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
682
642
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
683
643
  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
644
  --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
645
  --_rs-theme-dark:var(
694
646
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
695
647
  var(--rs-theme-dark, 0)
@@ -697,14 +649,13 @@
697
649
  --_rs-theme-flip:var(--rs-theme-flip, 0);
698
650
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
699
651
  --_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(
652
+ color:var(
705
653
  --rs-color-hard,
706
654
  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
655
  );
656
+ }
657
+ @define-mixin rs-digits-2-theme-dark{
658
+ --rs-theme-dark:1;
708
659
  --_rs-theme-dark:var(
709
660
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
710
661
  var(--rs-theme-dark, 0)
@@ -712,7 +663,10 @@
712
663
  --_rs-theme-flip:var(--rs-theme-flip, 0);
713
664
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
714
665
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
715
- color:var(--_rs-typography-base-color);
666
+ color:var(
667
+ --rs-color-hard,
668
+ 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))
669
+ );
716
670
  }
717
671
  @define-mixin rs-digits-2-offset-top{
718
672
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -772,10 +726,6 @@
772
726
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
773
727
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
774
728
  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
729
  }
780
730
  @define-mixin rs-hero{
781
731
  --_rs-typography-letter-spacing:-0.005em;
@@ -832,15 +782,7 @@
832
782
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
833
783
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
834
784
  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
785
  --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
786
  --_rs-theme-dark:var(
845
787
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
846
788
  var(--rs-theme-dark, 0)
@@ -848,14 +790,13 @@
848
790
  --_rs-theme-flip:var(--rs-theme-flip, 0);
849
791
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
850
792
  --_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(
793
+ color:var(
856
794
  --rs-color-hard,
857
795
  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
796
  );
797
+ }
798
+ @define-mixin rs-hero-theme-dark{
799
+ --rs-theme-dark:1;
859
800
  --_rs-theme-dark:var(
860
801
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
861
802
  var(--rs-theme-dark, 0)
@@ -863,7 +804,10 @@
863
804
  --_rs-theme-flip:var(--rs-theme-flip, 0);
864
805
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
865
806
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
866
- color:var(--_rs-typography-base-color);
807
+ color:var(
808
+ --rs-color-hard,
809
+ 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))
810
+ );
867
811
  }
868
812
  @define-mixin rs-hero-offset-top{
869
813
  margin-top:calc(var(--rs-flow-unit, 8px)*12);
@@ -923,10 +867,6 @@
923
867
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
924
868
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
925
869
  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
870
  }
931
871
  @define-mixin rs-subtitle-1{
932
872
  --_rs-typography-letter-spacing:normal;
@@ -983,15 +923,7 @@
983
923
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
984
924
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
985
925
  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
926
  --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
927
  --_rs-theme-dark:var(
996
928
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
997
929
  var(--rs-theme-dark, 0)
@@ -999,14 +931,13 @@
999
931
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1000
932
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1001
933
  --_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(
934
+ color:var(
1007
935
  --rs-color-hard,
1008
936
  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
937
  );
938
+ }
939
+ @define-mixin rs-subtitle-1-theme-dark{
940
+ --rs-theme-dark:1;
1010
941
  --_rs-theme-dark:var(
1011
942
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1012
943
  var(--rs-theme-dark, 0)
@@ -1014,7 +945,10 @@
1014
945
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1015
946
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1016
947
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1017
- color:var(--_rs-typography-base-color);
948
+ color:var(
949
+ --rs-color-hard,
950
+ 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))
951
+ );
1018
952
  }
1019
953
  @define-mixin rs-subtitle-1-offset-top{
1020
954
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1069,10 +1003,6 @@
1069
1003
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1070
1004
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1071
1005
  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
1006
  }
1077
1007
  @define-mixin rs-h1{
1078
1008
  --_rs-typography-letter-spacing:-0.001em;
@@ -1124,15 +1054,7 @@
1124
1054
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1125
1055
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1126
1056
  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
1057
  --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
1058
  --_rs-theme-dark:var(
1137
1059
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1138
1060
  var(--rs-theme-dark, 0)
@@ -1140,14 +1062,13 @@
1140
1062
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1141
1063
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1142
1064
  --_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(
1065
+ color:var(
1148
1066
  --rs-color-hard,
1149
1067
  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
1068
  );
1069
+ }
1070
+ @define-mixin rs-h1-theme-dark{
1071
+ --rs-theme-dark:1;
1151
1072
  --_rs-theme-dark:var(
1152
1073
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1153
1074
  var(--rs-theme-dark, 0)
@@ -1155,7 +1076,10 @@
1155
1076
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1156
1077
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1157
1078
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1158
- color:var(--_rs-typography-base-color);
1079
+ color:var(
1080
+ --rs-color-hard,
1081
+ 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))
1082
+ );
1159
1083
  }
1160
1084
  @define-mixin rs-h1-offset-top{
1161
1085
  margin-top:calc(var(--rs-flow-unit, 8px)*8);
@@ -1215,10 +1139,6 @@
1215
1139
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1216
1140
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1217
1141
  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
1142
  }
1223
1143
  @define-mixin rs-subtitle-2{
1224
1144
  --_rs-typography-letter-spacing:normal;
@@ -1275,15 +1195,7 @@
1275
1195
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1276
1196
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1277
1197
  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
1198
  --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
1199
  --_rs-theme-dark:var(
1288
1200
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1289
1201
  var(--rs-theme-dark, 0)
@@ -1291,14 +1203,13 @@
1291
1203
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1292
1204
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1293
1205
  --_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(
1206
+ color:var(
1299
1207
  --rs-color-hard,
1300
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))
1301
1209
  );
1210
+ }
1211
+ @define-mixin rs-subtitle-2-theme-dark{
1212
+ --rs-theme-dark:1;
1302
1213
  --_rs-theme-dark:var(
1303
1214
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1304
1215
  var(--rs-theme-dark, 0)
@@ -1306,7 +1217,10 @@
1306
1217
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1307
1218
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1308
1219
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1309
- color:var(--_rs-typography-base-color);
1220
+ color:var(
1221
+ --rs-color-hard,
1222
+ 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))
1223
+ );
1310
1224
  }
1311
1225
  @define-mixin rs-subtitle-2-offset-top{
1312
1226
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1360,10 +1274,6 @@
1360
1274
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1361
1275
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1362
1276
  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
1277
  }
1368
1278
  @define-mixin rs-h2{
1369
1279
  --_rs-typography-letter-spacing:normal;
@@ -1414,15 +1324,7 @@
1414
1324
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1415
1325
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1416
1326
  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
1327
  --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
1328
  --_rs-theme-dark:var(
1427
1329
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1428
1330
  var(--rs-theme-dark, 0)
@@ -1430,14 +1332,13 @@
1430
1332
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1431
1333
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1432
1334
  --_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(
1335
+ color:var(
1438
1336
  --rs-color-hard,
1439
1337
  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
1338
  );
1339
+ }
1340
+ @define-mixin rs-h2-theme-dark{
1341
+ --rs-theme-dark:1;
1441
1342
  --_rs-theme-dark:var(
1442
1343
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1443
1344
  var(--rs-theme-dark, 0)
@@ -1445,7 +1346,10 @@
1445
1346
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1446
1347
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1447
1348
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1448
- color:var(--_rs-typography-base-color);
1349
+ color:var(
1350
+ --rs-color-hard,
1351
+ 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))
1352
+ );
1449
1353
  }
1450
1354
  @define-mixin rs-h2-offset-top{
1451
1355
  margin-top:calc(var(--rs-flow-unit, 8px)*6);
@@ -1489,10 +1393,6 @@
1489
1393
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1490
1394
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1491
1395
  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
1396
  }
1497
1397
  @define-mixin rs-h3{
1498
1398
  --_rs-typography-letter-spacing:normal;
@@ -1533,15 +1433,7 @@
1533
1433
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1534
1434
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1535
1435
  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
1436
  --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
1437
  --_rs-theme-dark:var(
1546
1438
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1547
1439
  var(--rs-theme-dark, 0)
@@ -1549,14 +1441,13 @@
1549
1441
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1550
1442
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1551
1443
  --_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(
1444
+ color:var(
1557
1445
  --rs-color-hard,
1558
1446
  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
1447
  );
1448
+ }
1449
+ @define-mixin rs-h3-theme-dark{
1450
+ --rs-theme-dark:1;
1560
1451
  --_rs-theme-dark:var(
1561
1452
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1562
1453
  var(--rs-theme-dark, 0)
@@ -1564,7 +1455,10 @@
1564
1455
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1565
1456
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1566
1457
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1567
- color:var(--_rs-typography-base-color);
1458
+ color:var(
1459
+ --rs-color-hard,
1460
+ 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))
1461
+ );
1568
1462
  }
1569
1463
  @define-mixin rs-h3-offset-top{
1570
1464
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1617,10 +1511,6 @@
1617
1511
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1618
1512
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1619
1513
  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
1514
  }
1625
1515
  @define-mixin rs-text-1{
1626
1516
  --_rs-typography-letter-spacing:normal;
@@ -1670,15 +1560,7 @@
1670
1560
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1671
1561
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1672
1562
  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
1563
  --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
1564
  --_rs-theme-dark:var(
1683
1565
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1684
1566
  var(--rs-theme-dark, 0)
@@ -1686,14 +1568,13 @@
1686
1568
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1687
1569
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1688
1570
  --_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(
1571
+ color:var(
1694
1572
  --rs-color-average,
1695
1573
  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
1574
  );
1575
+ }
1576
+ @define-mixin rs-text-1-theme-dark{
1577
+ --rs-theme-dark:1;
1697
1578
  --_rs-theme-dark:var(
1698
1579
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1699
1580
  var(--rs-theme-dark, 0)
@@ -1701,7 +1582,10 @@
1701
1582
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1702
1583
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1703
1584
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1704
- color:var(--_rs-typography-base-color);
1585
+ color:var(
1586
+ --rs-color-average,
1587
+ 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)
1588
+ );
1705
1589
  }
1706
1590
  @define-mixin rs-text-1-offset-top{
1707
1591
  margin-top:calc(var(--rs-flow-unit, 8px)*4);
@@ -1745,10 +1629,6 @@
1745
1629
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1746
1630
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1747
1631
  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
1632
  }
1753
1633
  @define-mixin rs-h4{
1754
1634
  --_rs-typography-letter-spacing:normal;
@@ -1789,15 +1669,7 @@
1789
1669
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1790
1670
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1791
1671
  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
1672
  --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
1673
  --_rs-theme-dark:var(
1802
1674
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1803
1675
  var(--rs-theme-dark, 0)
@@ -1805,14 +1677,13 @@
1805
1677
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1806
1678
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1807
1679
  --_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(
1680
+ color:var(
1813
1681
  --rs-color-hard,
1814
1682
  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
1683
  );
1684
+ }
1685
+ @define-mixin rs-h4-theme-dark{
1686
+ --rs-theme-dark:1;
1816
1687
  --_rs-theme-dark:var(
1817
1688
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1818
1689
  var(--rs-theme-dark, 0)
@@ -1820,7 +1691,10 @@
1820
1691
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1821
1692
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1822
1693
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1823
- color:var(--_rs-typography-base-color);
1694
+ color:var(
1695
+ --rs-color-hard,
1696
+ 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))
1697
+ );
1824
1698
  }
1825
1699
  @define-mixin rs-h4-offset-top{
1826
1700
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -1873,10 +1747,6 @@
1873
1747
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1874
1748
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1875
1749
  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
1750
  }
1881
1751
  @define-mixin rs-text-2{
1882
1752
  --_rs-typography-letter-spacing:0.0015em;
@@ -1926,15 +1796,7 @@
1926
1796
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1927
1797
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1928
1798
  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
1799
  --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
1800
  --_rs-theme-dark:var(
1939
1801
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1940
1802
  var(--rs-theme-dark, 0)
@@ -1942,14 +1804,13 @@
1942
1804
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1943
1805
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1944
1806
  --_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(
1807
+ color:var(
1950
1808
  --rs-color-average,
1951
1809
  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
1810
  );
1811
+ }
1812
+ @define-mixin rs-text-2-theme-dark{
1813
+ --rs-theme-dark:1;
1953
1814
  --_rs-theme-dark:var(
1954
1815
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
1955
1816
  var(--rs-theme-dark, 0)
@@ -1957,7 +1818,10 @@
1957
1818
  --_rs-theme-flip:var(--rs-theme-flip, 0);
1958
1819
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
1959
1820
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
1960
- color:var(--_rs-typography-base-color);
1821
+ color:var(
1822
+ --rs-color-average,
1823
+ 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)
1824
+ );
1961
1825
  }
1962
1826
  @define-mixin rs-text-2-offset-top{
1963
1827
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2001,10 +1865,6 @@
2001
1865
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2002
1866
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2003
1867
  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
1868
  }
2009
1869
  @define-mixin rs-h5{
2010
1870
  --_rs-typography-letter-spacing:normal;
@@ -2045,15 +1905,7 @@
2045
1905
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2046
1906
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2047
1907
  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
1908
  --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
1909
  --_rs-theme-dark:var(
2058
1910
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2059
1911
  var(--rs-theme-dark, 0)
@@ -2061,14 +1913,13 @@
2061
1913
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2062
1914
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2063
1915
  --_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(
1916
+ color:var(
2069
1917
  --rs-color-hard,
2070
1918
  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
1919
  );
1920
+ }
1921
+ @define-mixin rs-h5-theme-dark{
1922
+ --rs-theme-dark:1;
2072
1923
  --_rs-theme-dark:var(
2073
1924
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2074
1925
  var(--rs-theme-dark, 0)
@@ -2076,7 +1927,10 @@
2076
1927
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2077
1928
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2078
1929
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2079
- color:var(--_rs-typography-base-color);
1930
+ color:var(
1931
+ --rs-color-hard,
1932
+ 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))
1933
+ );
2080
1934
  }
2081
1935
  @define-mixin rs-h5-offset-top{
2082
1936
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2126,15 +1980,8 @@
2126
1980
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2127
1981
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2128
1982
  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
- }
1983
+ color:var(--_rs-typography-base-color);
2133
1984
  --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
1985
  --_rs-theme-dark:var(
2139
1986
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2140
1987
  var(--rs-theme-dark, 0)
@@ -2142,14 +1989,13 @@
2142
1989
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2143
1990
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2144
1991
  --_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(
1992
+ color:var(
2150
1993
  --rs-color-hard,
2151
1994
  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
1995
  );
1996
+ }
1997
+ @define-mixin rs-overline-theme-dark{
1998
+ --rs-theme-dark:1;
2153
1999
  --_rs-theme-dark:var(
2154
2000
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2155
2001
  var(--rs-theme-dark, 0)
@@ -2157,7 +2003,10 @@
2157
2003
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2158
2004
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2159
2005
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2160
- color:var(--_rs-typography-base-color);
2006
+ color:var(
2007
+ --rs-color-hard,
2008
+ 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))
2009
+ );
2161
2010
  }
2162
2011
  @define-mixin rs-overline-offset-top{
2163
2012
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -2207,10 +2056,6 @@
2207
2056
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2208
2057
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2209
2058
  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
2059
  }
2215
2060
  @define-mixin rs-text-3{
2216
2061
  --_rs-typography-letter-spacing:0.0045em;
@@ -2257,15 +2102,7 @@
2257
2102
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2258
2103
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2259
2104
  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
2105
  --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
2106
  --_rs-theme-dark:var(
2270
2107
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2271
2108
  var(--rs-theme-dark, 0)
@@ -2273,14 +2110,13 @@
2273
2110
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2274
2111
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2275
2112
  --_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(
2113
+ color:var(
2281
2114
  --rs-color-average,
2282
2115
  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
2116
  );
2117
+ }
2118
+ @define-mixin rs-text-3-theme-dark{
2119
+ --rs-theme-dark:1;
2284
2120
  --_rs-theme-dark:var(
2285
2121
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
2286
2122
  var(--rs-theme-dark, 0)
@@ -2288,7 +2124,10 @@
2288
2124
  --_rs-theme-flip:var(--rs-theme-flip, 0);
2289
2125
  --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
2290
2126
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
2291
- color:var(--_rs-typography-base-color);
2127
+ color:var(
2128
+ --rs-color-average,
2129
+ 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)
2130
+ );
2292
2131
  }
2293
2132
  @define-mixin rs-text-3-offset-top{
2294
2133
  margin-top:var(--rs-flow-unit, 8px);
@@ -2546,14 +2385,14 @@
2546
2385
  font-size:16px;
2547
2386
  line-height:24px;
2548
2387
  > code,
2549
- > .rs-code{
2388
+ > [class*='rs-code']{
2550
2389
  border:0;
2551
2390
 
2552
2391
  white-space:pre;
2553
2392
  word-break:normal;
2554
2393
  }
2555
2394
  code,
2556
- .rs-code{
2395
+ [class*='rs-code']{
2557
2396
  display:inline;
2558
2397
  overflow:visible;
2559
2398