@rescui/typography 0.17.0 → 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.
@@ -19,6 +19,48 @@
19
19
  @define-mixin rs-typography-hardness-auto{
20
20
  --_rs-typography-hardness-color:initial;
21
21
  }
22
+ @define-mixin rs-typography-heading-hardness-hard{
23
+ --_rs-typography-heading-hardness-color:var(
24
+ --rs-color-hard,
25
+ 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))
26
+ );
27
+ }
28
+ @define-mixin rs-typography-heading-hardness-average{
29
+ --_rs-typography-heading-hardness-color:var(
30
+ --rs-color-average,
31
+ 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)
32
+ );
33
+ }
34
+ @define-mixin rs-typography-heading-hardness-pale{
35
+ --_rs-typography-heading-hardness-color:var(
36
+ --rs-color-pale,
37
+ 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)
38
+ );
39
+ }
40
+ @define-mixin rs-typography-heading-hardness-auto{
41
+ --_rs-typography-heading-hardness-color:initial;
42
+ }
43
+ @define-mixin rs-typography-color-hard{
44
+ color:var(
45
+ --rs-color-hard,
46
+ 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))
47
+ );
48
+ }
49
+ @define-mixin rs-typography-color-average{
50
+ color:var(
51
+ --rs-color-average,
52
+ 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)
53
+ );
54
+ }
55
+ @define-mixin rs-typography-color-pale{
56
+ color:var(
57
+ --rs-color-pale,
58
+ 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)
59
+ );
60
+ }
61
+ @define-mixin rs-typography-color-base{
62
+ color:var(--_rs-typography-base-color);
63
+ }
22
64
  @define-mixin rs-typography-digits-1{
23
65
  --_rs-typography-letter-spacing:-0.005em;
24
66
  --_rs-typography-text-transform:initial;
@@ -42,9 +84,12 @@
42
84
  71px
43
85
  );
44
86
  --_rs-typography-base-color:var(
87
+ --_rs-typography-hardness-color,
88
+ var(
45
89
  --rs-color-hard,
46
90
  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))
47
- );
91
+ )
92
+ );
48
93
  --_rs-typography-text-auto-offset:0;
49
94
 
50
95
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -84,9 +129,12 @@
84
129
  44px
85
130
  );
86
131
  --_rs-typography-base-color:var(
132
+ --_rs-typography-hardness-color,
133
+ var(
87
134
  --rs-color-hard,
88
135
  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))
89
- );
136
+ )
137
+ );
90
138
  --_rs-typography-text-auto-offset:0;
91
139
 
92
140
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -120,9 +168,12 @@
120
168
  142px
121
169
  );
122
170
  --_rs-typography-base-color:var(
171
+ --_rs-typography-heading-hardness-color,
172
+ var(
123
173
  --rs-color-hard,
124
174
  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))
125
- );
175
+ )
176
+ );
126
177
  --_rs-typography-text-auto-offset:0;
127
178
 
128
179
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -182,9 +233,12 @@
182
233
  92px
183
234
  );
184
235
  --_rs-typography-base-color:var(
236
+ --_rs-typography-heading-hardness-color,
237
+ var(
185
238
  --rs-color-hard,
186
239
  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))
187
- );
240
+ )
241
+ );
188
242
  --_rs-typography-text-auto-offset:0;
189
243
 
190
244
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -228,9 +282,12 @@
228
282
  72px
229
283
  );
230
284
  --_rs-typography-base-color:var(
285
+ --_rs-typography-heading-hardness-color,
286
+ var(
231
287
  --rs-color-hard,
232
288
  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))
233
- );
289
+ )
290
+ );
234
291
  --_rs-typography-text-auto-offset:0;
235
292
 
236
293
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -277,9 +334,12 @@
277
334
  49px
278
335
  );
279
336
  --_rs-typography-base-color:var(
337
+ --_rs-typography-hardness-color,
338
+ var(
280
339
  --rs-color-hard,
281
340
  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))
282
- );
341
+ )
342
+ );
283
343
  --_rs-typography-text-auto-offset:0;
284
344
 
285
345
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -323,9 +383,12 @@
323
383
  39px
324
384
  );
325
385
  --_rs-typography-base-color:var(
386
+ --_rs-typography-hardness-color,
387
+ var(
326
388
  --rs-color-hard,
327
389
  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))
328
- );
390
+ )
391
+ );
329
392
  --_rs-typography-text-auto-offset:0;
330
393
 
331
394
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -363,9 +426,12 @@
363
426
  );
364
427
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
365
428
  --_rs-typography-base-color:var(
429
+ --_rs-typography-heading-hardness-color,
430
+ var(
366
431
  --rs-color-hard,
367
432
  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))
368
- );
433
+ )
434
+ );
369
435
  --_rs-typography-text-auto-offset:0;
370
436
 
371
437
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -404,9 +470,12 @@
404
470
  );
405
471
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
406
472
  --_rs-typography-base-color:var(
473
+ --_rs-typography-heading-hardness-color,
474
+ var(
407
475
  --rs-color-hard,
408
476
  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))
409
- );
477
+ )
478
+ );
410
479
  --_rs-typography-text-auto-offset:0;
411
480
 
412
481
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -444,9 +513,12 @@
444
513
  );
445
514
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
446
515
  --_rs-typography-base-color:var(
516
+ --_rs-typography-heading-hardness-color,
517
+ var(
447
518
  --rs-color-hard,
448
519
  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))
449
- );
520
+ )
521
+ );
450
522
  --_rs-typography-text-auto-offset:0;
451
523
 
452
524
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -474,9 +546,12 @@
474
546
  );
475
547
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
476
548
  --_rs-typography-base-color:var(
549
+ --_rs-typography-heading-hardness-color,
550
+ var(
477
551
  --rs-color-hard,
478
552
  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))
479
- );
553
+ )
554
+ );
480
555
  --_rs-typography-text-auto-offset:0;
481
556
 
482
557
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -504,9 +579,12 @@
504
579
  );
505
580
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
506
581
  --_rs-typography-base-color:var(
582
+ --_rs-typography-heading-hardness-color,
583
+ var(
507
584
  --rs-color-hard,
508
585
  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))
509
- );
586
+ )
587
+ );
510
588
  --_rs-typography-text-auto-offset:0;
511
589
 
512
590
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -654,9 +732,12 @@
654
732
  18px
655
733
  );
656
734
  --_rs-typography-base-color:var(
735
+ --_rs-typography-heading-hardness-color,
736
+ var(
657
737
  --rs-color-hard,
658
738
  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))
659
- );
739
+ )
740
+ );
660
741
  --_rs-typography-text-auto-offset:0px;
661
742
 
662
743
  --_rs-typography-ul-list-li-padding-left:initial;
@@ -1226,9 +1307,12 @@
1226
1307
  71px
1227
1308
  );
1228
1309
  --_rs-typography-base-color:var(
1310
+ --_rs-typography-hardness-color,
1311
+ var(
1229
1312
  --rs-color-hard,
1230
1313
  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))
1231
- );
1314
+ )
1315
+ );
1232
1316
  --_rs-typography-text-auto-offset:0;
1233
1317
  --_rs-typography-ul-list-li-padding-left:initial;
1234
1318
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1261,7 +1345,6 @@
1261
1345
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1262
1346
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1263
1347
  font-feature-settings:'kern', 'liga', 'calt';
1264
-
1265
1348
  color:var(--_rs-typography-base-color);
1266
1349
  }
1267
1350
  @define-mixin rs-typography-digits-2-full{
@@ -1287,9 +1370,12 @@
1287
1370
  44px
1288
1371
  );
1289
1372
  --_rs-typography-base-color:var(
1373
+ --_rs-typography-hardness-color,
1374
+ var(
1290
1375
  --rs-color-hard,
1291
1376
  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))
1292
- );
1377
+ )
1378
+ );
1293
1379
  --_rs-typography-text-auto-offset:0;
1294
1380
  --_rs-typography-ul-list-li-padding-left:initial;
1295
1381
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1316,7 +1402,6 @@
1316
1402
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1317
1403
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1318
1404
  font-feature-settings:'kern', 'liga', 'calt';
1319
-
1320
1405
  color:var(--_rs-typography-base-color);
1321
1406
  }
1322
1407
  @define-mixin rs-typography-super-hero-full{
@@ -1342,9 +1427,12 @@
1342
1427
  142px
1343
1428
  );
1344
1429
  --_rs-typography-base-color:var(
1430
+ --_rs-typography-heading-hardness-color,
1431
+ var(
1345
1432
  --rs-color-hard,
1346
1433
  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))
1347
- );
1434
+ )
1435
+ );
1348
1436
  --_rs-typography-text-auto-offset:0;
1349
1437
  --_rs-typography-ul-list-li-padding-left:initial;
1350
1438
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1397,7 +1485,6 @@
1397
1485
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1398
1486
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1399
1487
  font-feature-settings:'kern', 'liga', 'calt';
1400
-
1401
1488
  color:var(--_rs-typography-base-color);
1402
1489
  }
1403
1490
  @define-mixin rs-typography-middle-hero-full{
@@ -1423,9 +1510,12 @@
1423
1510
  92px
1424
1511
  );
1425
1512
  --_rs-typography-base-color:var(
1513
+ --_rs-typography-heading-hardness-color,
1514
+ var(
1426
1515
  --rs-color-hard,
1427
1516
  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))
1428
- );
1517
+ )
1518
+ );
1429
1519
  --_rs-typography-text-auto-offset:0;
1430
1520
  --_rs-typography-ul-list-li-padding-left:initial;
1431
1521
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1465,7 +1555,6 @@
1465
1555
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1466
1556
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1467
1557
  font-feature-settings:'kern', 'liga', 'calt';
1468
-
1469
1558
  color:var(--_rs-typography-base-color);
1470
1559
  }
1471
1560
  @define-mixin rs-typography-hero-full{
@@ -1488,9 +1577,12 @@
1488
1577
  72px
1489
1578
  );
1490
1579
  --_rs-typography-base-color:var(
1580
+ --_rs-typography-heading-hardness-color,
1581
+ var(
1491
1582
  --rs-color-hard,
1492
1583
  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))
1493
- );
1584
+ )
1585
+ );
1494
1586
  --_rs-typography-text-auto-offset:0;
1495
1587
  --_rs-typography-ul-list-li-padding-left:initial;
1496
1588
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1530,7 +1622,6 @@
1530
1622
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1531
1623
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1532
1624
  font-feature-settings:'kern', 'liga', 'calt';
1533
-
1534
1625
  color:var(--_rs-typography-base-color);
1535
1626
  }
1536
1627
  @define-mixin rs-typography-h1-full{
@@ -1550,9 +1641,12 @@
1550
1641
  );
1551
1642
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
1552
1643
  --_rs-typography-base-color:var(
1644
+ --_rs-typography-heading-hardness-color,
1645
+ var(
1553
1646
  --rs-color-hard,
1554
1647
  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))
1555
- );
1648
+ )
1649
+ );
1556
1650
  --_rs-typography-text-auto-offset:0;
1557
1651
  --_rs-typography-ul-list-li-padding-left:initial;
1558
1652
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1590,7 +1684,6 @@
1590
1684
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1591
1685
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1592
1686
  font-feature-settings:'kern', 'liga', 'calt';
1593
-
1594
1687
  color:var(--_rs-typography-base-color);
1595
1688
  }
1596
1689
  @define-mixin rs-typography-h2-full{
@@ -1610,9 +1703,12 @@
1610
1703
  );
1611
1704
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
1612
1705
  --_rs-typography-base-color:var(
1706
+ --_rs-typography-heading-hardness-color,
1707
+ var(
1613
1708
  --rs-color-hard,
1614
1709
  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))
1615
- );
1710
+ )
1711
+ );
1616
1712
  --_rs-typography-text-auto-offset:0;
1617
1713
  --_rs-typography-ul-list-li-padding-left:initial;
1618
1714
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1649,7 +1745,6 @@
1649
1745
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1650
1746
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1651
1747
  font-feature-settings:'kern', 'liga', 'calt';
1652
-
1653
1748
  color:var(--_rs-typography-base-color);
1654
1749
  }
1655
1750
  @define-mixin rs-typography-h3-full{
@@ -1669,9 +1764,12 @@
1669
1764
  );
1670
1765
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
1671
1766
  --_rs-typography-base-color:var(
1767
+ --_rs-typography-heading-hardness-color,
1768
+ var(
1672
1769
  --rs-color-hard,
1673
1770
  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))
1674
- );
1771
+ )
1772
+ );
1675
1773
  --_rs-typography-text-auto-offset:0;
1676
1774
  --_rs-typography-ul-list-li-padding-left:initial;
1677
1775
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1698,7 +1796,6 @@
1698
1796
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1699
1797
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1700
1798
  font-feature-settings:'kern', 'liga', 'calt';
1701
-
1702
1799
  color:var(--_rs-typography-base-color);
1703
1800
  }
1704
1801
  @define-mixin rs-typography-h4-full{
@@ -1718,9 +1815,12 @@
1718
1815
  );
1719
1816
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
1720
1817
  --_rs-typography-base-color:var(
1818
+ --_rs-typography-heading-hardness-color,
1819
+ var(
1721
1820
  --rs-color-hard,
1722
1821
  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))
1723
- );
1822
+ )
1823
+ );
1724
1824
  --_rs-typography-text-auto-offset:0;
1725
1825
  --_rs-typography-ul-list-li-padding-left:initial;
1726
1826
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1747,7 +1847,6 @@
1747
1847
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1748
1848
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1749
1849
  font-feature-settings:'kern', 'liga', 'calt';
1750
-
1751
1850
  color:var(--_rs-typography-base-color);
1752
1851
  }
1753
1852
  @define-mixin rs-typography-h5-full{
@@ -1767,9 +1866,12 @@
1767
1866
  );
1768
1867
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
1769
1868
  --_rs-typography-base-color:var(
1869
+ --_rs-typography-heading-hardness-color,
1870
+ var(
1770
1871
  --rs-color-hard,
1771
1872
  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
- );
1873
+ )
1874
+ );
1773
1875
  --_rs-typography-text-auto-offset:0;
1774
1876
  --_rs-typography-ul-list-li-padding-left:initial;
1775
1877
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1796,7 +1898,6 @@
1796
1898
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1797
1899
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1798
1900
  font-feature-settings:'kern', 'liga', 'calt';
1799
-
1800
1901
  color:var(--_rs-typography-base-color);
1801
1902
  }
1802
1903
  @define-mixin rs-typography-subtitle-1-full{
@@ -1822,9 +1923,12 @@
1822
1923
  49px
1823
1924
  );
1824
1925
  --_rs-typography-base-color:var(
1926
+ --_rs-typography-hardness-color,
1927
+ var(
1825
1928
  --rs-color-hard,
1826
1929
  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))
1827
- );
1930
+ )
1931
+ );
1828
1932
  --_rs-typography-text-auto-offset:0;
1829
1933
  --_rs-typography-ul-list-li-padding-left:initial;
1830
1934
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1861,7 +1965,6 @@
1861
1965
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1862
1966
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1863
1967
  font-feature-settings:'kern', 'liga', 'calt';
1864
-
1865
1968
  color:var(--_rs-typography-base-color);
1866
1969
  }
1867
1970
  @define-mixin rs-typography-subtitle-2-full{
@@ -1887,9 +1990,12 @@
1887
1990
  39px
1888
1991
  );
1889
1992
  --_rs-typography-base-color:var(
1993
+ --_rs-typography-hardness-color,
1994
+ var(
1890
1995
  --rs-color-hard,
1891
1996
  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))
1892
- );
1997
+ )
1998
+ );
1893
1999
  --_rs-typography-text-auto-offset:0;
1894
2000
  --_rs-typography-ul-list-li-padding-left:initial;
1895
2001
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1926,7 +2032,6 @@
1926
2032
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1927
2033
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1928
2034
  font-feature-settings:'kern', 'liga', 'calt';
1929
-
1930
2035
  color:var(--_rs-typography-base-color);
1931
2036
  }
1932
2037
  @define-mixin rs-typography-overline-full{
@@ -1952,9 +2057,12 @@
1952
2057
  18px
1953
2058
  );
1954
2059
  --_rs-typography-base-color:var(
2060
+ --_rs-typography-heading-hardness-color,
2061
+ var(
1955
2062
  --rs-color-hard,
1956
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))
1957
- );
2064
+ )
2065
+ );
1958
2066
  --_rs-typography-text-auto-offset:0px;
1959
2067
  --_rs-typography-ul-list-li-padding-left:initial;
1960
2068
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -1981,7 +2089,6 @@
1981
2089
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1982
2090
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1983
2091
  font-feature-settings:'kern', 'liga', 'calt';
1984
-
1985
2092
  color:var(--_rs-typography-base-color);
1986
2093
  }
1987
2094
  @define-mixin rs-typography-text-1-full{
@@ -2039,7 +2146,6 @@
2039
2146
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2040
2147
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2041
2148
  font-feature-settings:'kern', 'liga', 'calt';
2042
-
2043
2149
  color:var(--_rs-typography-base-color);
2044
2150
  }
2045
2151
  @define-mixin rs-typography-text-2-full{
@@ -2097,7 +2203,6 @@
2097
2203
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2098
2204
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2099
2205
  font-feature-settings:'kern', 'liga', 'calt';
2100
-
2101
2206
  color:var(--_rs-typography-base-color);
2102
2207
  }
2103
2208
  @define-mixin rs-typography-text-3-full{
@@ -2152,7 +2257,6 @@
2152
2257
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2153
2258
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
2154
2259
  font-feature-settings:'kern', 'liga', 'calt';
2155
-
2156
2260
  color:var(--_rs-typography-base-color);
2157
2261
  }
2158
2262
  @define-mixin rs-typography-ul-full{
@@ -2531,9 +2635,12 @@
2531
2635
  71px
2532
2636
  );
2533
2637
  --_rs-typography-base-color:var(
2638
+ --_rs-typography-hardness-color,
2639
+ var(
2534
2640
  --rs-color-hard,
2535
2641
  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))
2536
- );
2642
+ )
2643
+ );
2537
2644
  --_rs-typography-text-auto-offset:0;
2538
2645
  --_rs-typography-ul-list-li-padding-left:initial;
2539
2646
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2575,9 +2682,12 @@
2575
2682
  44px
2576
2683
  );
2577
2684
  --_rs-typography-base-color:var(
2685
+ --_rs-typography-hardness-color,
2686
+ var(
2578
2687
  --rs-color-hard,
2579
2688
  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))
2580
- );
2689
+ )
2690
+ );
2581
2691
  --_rs-typography-text-auto-offset:0;
2582
2692
  --_rs-typography-ul-list-li-padding-left:initial;
2583
2693
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2611,9 +2721,12 @@
2611
2721
  142px
2612
2722
  );
2613
2723
  --_rs-typography-base-color:var(
2724
+ --_rs-typography-heading-hardness-color,
2725
+ var(
2614
2726
  --rs-color-hard,
2615
2727
  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))
2616
- );
2728
+ )
2729
+ );
2617
2730
  --_rs-typography-text-auto-offset:0;
2618
2731
  --_rs-typography-ul-list-li-padding-left:initial;
2619
2732
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2677,9 +2790,12 @@
2677
2790
  92px
2678
2791
  );
2679
2792
  --_rs-typography-base-color:var(
2793
+ --_rs-typography-heading-hardness-color,
2794
+ var(
2680
2795
  --rs-color-hard,
2681
2796
  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))
2682
- );
2797
+ )
2798
+ );
2683
2799
  --_rs-typography-text-auto-offset:0;
2684
2800
  --_rs-typography-ul-list-li-padding-left:initial;
2685
2801
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2725,9 +2841,12 @@
2725
2841
  72px
2726
2842
  );
2727
2843
  --_rs-typography-base-color:var(
2844
+ --_rs-typography-heading-hardness-color,
2845
+ var(
2728
2846
  --rs-color-hard,
2729
2847
  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))
2730
- );
2848
+ )
2849
+ );
2731
2850
  --_rs-typography-text-auto-offset:0;
2732
2851
  --_rs-typography-ul-list-li-padding-left:initial;
2733
2852
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2776,9 +2895,12 @@
2776
2895
  49px
2777
2896
  );
2778
2897
  --_rs-typography-base-color:var(
2898
+ --_rs-typography-hardness-color,
2899
+ var(
2779
2900
  --rs-color-hard,
2780
2901
  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))
2781
- );
2902
+ )
2903
+ );
2782
2904
  --_rs-typography-text-auto-offset:0;
2783
2905
  --_rs-typography-ul-list-li-padding-left:initial;
2784
2906
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2824,9 +2946,12 @@
2824
2946
  39px
2825
2947
  );
2826
2948
  --_rs-typography-base-color:var(
2949
+ --_rs-typography-hardness-color,
2950
+ var(
2827
2951
  --rs-color-hard,
2828
2952
  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))
2829
- );
2953
+ )
2954
+ );
2830
2955
  --_rs-typography-text-auto-offset:0;
2831
2956
  --_rs-typography-ul-list-li-padding-left:initial;
2832
2957
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2866,9 +2991,12 @@
2866
2991
  );
2867
2992
  --_rs-typography-line-height:var(--rs-h1-line-height, 49px);
2868
2993
  --_rs-typography-base-color:var(
2994
+ --_rs-typography-heading-hardness-color,
2995
+ var(
2869
2996
  --rs-color-hard,
2870
2997
  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))
2871
- );
2998
+ )
2999
+ );
2872
3000
  --_rs-typography-text-auto-offset:0;
2873
3001
  --_rs-typography-ul-list-li-padding-left:initial;
2874
3002
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2909,9 +3037,12 @@
2909
3037
  );
2910
3038
  --_rs-typography-line-height:var(--rs-h2-line-height, 42px);
2911
3039
  --_rs-typography-base-color:var(
3040
+ --_rs-typography-heading-hardness-color,
3041
+ var(
2912
3042
  --rs-color-hard,
2913
3043
  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))
2914
- );
3044
+ )
3045
+ );
2915
3046
  --_rs-typography-text-auto-offset:0;
2916
3047
  --_rs-typography-ul-list-li-padding-left:initial;
2917
3048
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2951,9 +3082,12 @@
2951
3082
  );
2952
3083
  --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
2953
3084
  --_rs-typography-base-color:var(
3085
+ --_rs-typography-heading-hardness-color,
3086
+ var(
2954
3087
  --rs-color-hard,
2955
3088
  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))
2956
- );
3089
+ )
3090
+ );
2957
3091
  --_rs-typography-text-auto-offset:0;
2958
3092
  --_rs-typography-ul-list-li-padding-left:initial;
2959
3093
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -2981,9 +3115,12 @@
2981
3115
  );
2982
3116
  --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
2983
3117
  --_rs-typography-base-color:var(
3118
+ --_rs-typography-heading-hardness-color,
3119
+ var(
2984
3120
  --rs-color-hard,
2985
3121
  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))
2986
- );
3122
+ )
3123
+ );
2987
3124
  --_rs-typography-text-auto-offset:0;
2988
3125
  --_rs-typography-ul-list-li-padding-left:initial;
2989
3126
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -3011,9 +3148,12 @@
3011
3148
  );
3012
3149
  --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
3013
3150
  --_rs-typography-base-color:var(
3151
+ --_rs-typography-heading-hardness-color,
3152
+ var(
3014
3153
  --rs-color-hard,
3015
3154
  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))
3016
- );
3155
+ )
3156
+ );
3017
3157
  --_rs-typography-text-auto-offset:0;
3018
3158
  --_rs-typography-ul-list-li-padding-left:initial;
3019
3159
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -3047,9 +3187,12 @@
3047
3187
  18px
3048
3188
  );
3049
3189
  --_rs-typography-base-color:var(
3190
+ --_rs-typography-heading-hardness-color,
3191
+ var(
3050
3192
  --rs-color-hard,
3051
3193
  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))
3052
- );
3194
+ )
3195
+ );
3053
3196
  --_rs-typography-text-auto-offset:0px;
3054
3197
  --_rs-typography-ul-list-li-padding-left:initial;
3055
3198
  --_rs-typography-ol-list-li-padding-left:initial;
@@ -3206,6 +3349,35 @@
3206
3349
  --_rs-typography-hardness-color:initial;
3207
3350
  }
3208
3351
  }
3352
+ @define-mixin rs-text-cn-heading-hardness-hard{
3353
+ &:not(html){
3354
+ --_rs-typography-heading-hardness-color:var(
3355
+ --rs-color-hard,
3356
+ 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))
3357
+ );
3358
+ }
3359
+ }
3360
+ @define-mixin rs-text-cn-heading-hardness-average{
3361
+ &:not(html){
3362
+ --_rs-typography-heading-hardness-color:var(
3363
+ --rs-color-average,
3364
+ 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)
3365
+ );
3366
+ }
3367
+ }
3368
+ @define-mixin rs-text-cn-heading-hardness-pale{
3369
+ &:not(html){
3370
+ --_rs-typography-heading-hardness-color:var(
3371
+ --rs-color-pale,
3372
+ 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)
3373
+ );
3374
+ }
3375
+ }
3376
+ @define-mixin rs-text-cn-heading-hardness-auto{
3377
+ &:not(html){
3378
+ --_rs-typography-heading-hardness-color:initial;
3379
+ }
3380
+ }
3209
3381
  @define-mixin rs-text-cn-list-offset-items-8{
3210
3382
  &:not(html){
3211
3383
  --_rs-typography-list-li-margin-top:8px;