@rescui/typography 0.24.4 → 0.24.5-RUI-280-Update-select-component-e516591ed.54

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 (10) hide show
  1. package/lib/create-text-cn.d.ts +9 -1
  2. package/lib/create-text-cn.js +5 -3
  3. package/lib/index-moduled.css +190 -163
  4. package/lib/index-moduled.p.module.css.js +124 -120
  5. package/lib/index.css +75 -48
  6. package/lib/mixins.p.css +143 -92
  7. package/lib/mixins.pcss +143 -92
  8. package/lib/public-api.p.css +222 -136
  9. package/lib/public-api.pcss +222 -136
  10. package/package.json +6 -6
package/lib/public-api.p.css CHANGED
@@ -92,8 +92,9 @@
92
92
  );
93
93
  --_rs-typography-text-auto-offset:0;
94
94
 
95
- --_rs-typography-ul-list-li-padding-left:initial;
96
- --_rs-typography-ol-list-li-padding-left:initial;
95
+ --_rs-typography-ul-bullet-offset:initial;
96
+ --_rs-typography-list-li-compact-left-offset:initial;
97
+ --_rs-typography-list-li-default-left-offset:initial;
97
98
  --_rs-typography-list-li-margin-top-from-text:initial;
98
99
 
99
100
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -152,8 +153,9 @@
152
153
  );
153
154
  --_rs-typography-text-auto-offset:0;
154
155
 
155
- --_rs-typography-ul-list-li-padding-left:initial;
156
- --_rs-typography-ol-list-li-padding-left:initial;
156
+ --_rs-typography-ul-bullet-offset:initial;
157
+ --_rs-typography-list-li-compact-left-offset:initial;
158
+ --_rs-typography-list-li-default-left-offset:initial;
157
159
  --_rs-typography-list-li-margin-top-from-text:initial;
158
160
 
159
161
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -203,8 +205,9 @@
203
205
  );
204
206
  --_rs-typography-text-auto-offset:0;
205
207
 
206
- --_rs-typography-ul-list-li-padding-left:initial;
207
- --_rs-typography-ol-list-li-padding-left:initial;
208
+ --_rs-typography-ul-bullet-offset:initial;
209
+ --_rs-typography-list-li-compact-left-offset:initial;
210
+ --_rs-typography-list-li-default-left-offset:initial;
208
211
  --_rs-typography-list-li-margin-top-from-text:initial;
209
212
 
210
213
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
@@ -312,8 +315,9 @@
312
315
  );
313
316
  --_rs-typography-text-auto-offset:0;
314
317
 
315
- --_rs-typography-ul-list-li-padding-left:initial;
316
- --_rs-typography-ol-list-li-padding-left:initial;
318
+ --_rs-typography-ul-bullet-offset:initial;
319
+ --_rs-typography-list-li-compact-left-offset:initial;
320
+ --_rs-typography-list-li-default-left-offset:initial;
317
321
  --_rs-typography-list-li-margin-top-from-text:initial;
318
322
 
319
323
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
@@ -389,8 +393,9 @@
389
393
  );
390
394
  --_rs-typography-text-auto-offset:0;
391
395
 
392
- --_rs-typography-ul-list-li-padding-left:initial;
393
- --_rs-typography-ol-list-li-padding-left:initial;
396
+ --_rs-typography-ul-bullet-offset:initial;
397
+ --_rs-typography-list-li-compact-left-offset:initial;
398
+ --_rs-typography-list-li-default-left-offset:initial;
394
399
  --_rs-typography-list-li-margin-top-from-text:initial;
395
400
 
396
401
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
@@ -463,8 +468,9 @@
463
468
  );
464
469
  --_rs-typography-text-auto-offset:0;
465
470
 
466
- --_rs-typography-ul-list-li-padding-left:initial;
467
- --_rs-typography-ol-list-li-padding-left:initial;
471
+ --_rs-typography-ul-bullet-offset:initial;
472
+ --_rs-typography-list-li-compact-left-offset:initial;
473
+ --_rs-typography-list-li-default-left-offset:initial;
468
474
  --_rs-typography-list-li-margin-top-from-text:initial;
469
475
 
470
476
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -523,8 +529,9 @@
523
529
  );
524
530
  --_rs-typography-text-auto-offset:0;
525
531
 
526
- --_rs-typography-ul-list-li-padding-left:initial;
527
- --_rs-typography-ol-list-li-padding-left:initial;
532
+ --_rs-typography-ul-bullet-offset:initial;
533
+ --_rs-typography-list-li-compact-left-offset:initial;
534
+ --_rs-typography-list-li-default-left-offset:initial;
528
535
  --_rs-typography-list-li-margin-top-from-text:initial;
529
536
 
530
537
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -586,8 +593,9 @@
586
593
  );
587
594
  --_rs-typography-text-auto-offset:0;
588
595
 
589
- --_rs-typography-ul-list-li-padding-left:initial;
590
- --_rs-typography-ol-list-li-padding-left:initial;
596
+ --_rs-typography-ul-bullet-offset:initial;
597
+ --_rs-typography-list-li-compact-left-offset:initial;
598
+ --_rs-typography-list-li-default-left-offset:initial;
591
599
  --_rs-typography-list-li-margin-top-from-text:initial;
592
600
 
593
601
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
@@ -654,8 +662,9 @@
654
662
  );
655
663
  --_rs-typography-text-auto-offset:0;
656
664
 
657
- --_rs-typography-ul-list-li-padding-left:initial;
658
- --_rs-typography-ol-list-li-padding-left:initial;
665
+ --_rs-typography-ul-bullet-offset:initial;
666
+ --_rs-typography-list-li-compact-left-offset:initial;
667
+ --_rs-typography-list-li-default-left-offset:initial;
659
668
  --_rs-typography-list-li-margin-top-from-text:initial;
660
669
 
661
670
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
@@ -708,8 +717,9 @@
708
717
  );
709
718
  --_rs-typography-text-auto-offset:0;
710
719
 
711
- --_rs-typography-ul-list-li-padding-left:initial;
712
- --_rs-typography-ol-list-li-padding-left:initial;
720
+ --_rs-typography-ul-bullet-offset:initial;
721
+ --_rs-typography-list-li-compact-left-offset:initial;
722
+ --_rs-typography-list-li-default-left-offset:initial;
713
723
  --_rs-typography-list-li-margin-top-from-text:initial;
714
724
 
715
725
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -741,8 +751,9 @@
741
751
  );
742
752
  --_rs-typography-text-auto-offset:0;
743
753
 
744
- --_rs-typography-ul-list-li-padding-left:initial;
745
- --_rs-typography-ol-list-li-padding-left:initial;
754
+ --_rs-typography-ul-bullet-offset:initial;
755
+ --_rs-typography-list-li-compact-left-offset:initial;
756
+ --_rs-typography-list-li-default-left-offset:initial;
746
757
  --_rs-typography-list-li-margin-top-from-text:initial;
747
758
 
748
759
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -774,8 +785,9 @@
774
785
  );
775
786
  --_rs-typography-text-auto-offset:0;
776
787
 
777
- --_rs-typography-ul-list-li-padding-left:initial;
778
- --_rs-typography-ol-list-li-padding-left:initial;
788
+ --_rs-typography-ul-bullet-offset:initial;
789
+ --_rs-typography-list-li-compact-left-offset:initial;
790
+ --_rs-typography-list-li-default-left-offset:initial;
779
791
  --_rs-typography-list-li-margin-top-from-text:initial;
780
792
 
781
793
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -810,8 +822,9 @@
810
822
  );
811
823
  --_rs-typography-text-auto-offset:32px;
812
824
 
813
- --_rs-typography-ul-list-li-padding-left:26px;
814
- --_rs-typography-ol-list-li-padding-left:32px;
825
+ --_rs-typography-ul-bullet-offset:2px;
826
+ --_rs-typography-list-li-compact-left-offset:22px;
827
+ --_rs-typography-list-li-default-left-offset:28px;
815
828
  --_rs-typography-list-li-margin-top-from-text:var(
816
829
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
817
830
  24px
@@ -856,8 +869,9 @@
856
869
  );
857
870
  --_rs-typography-text-auto-offset:16px;
858
871
 
859
- --_rs-typography-ul-list-li-padding-left:22px;
860
- --_rs-typography-ol-list-li-padding-left:26px;
872
+ --_rs-typography-ul-bullet-offset:2px;
873
+ --_rs-typography-list-li-compact-left-offset:18px;
874
+ --_rs-typography-list-li-default-left-offset:24px;
861
875
  --_rs-typography-list-li-margin-top-from-text:var(
862
876
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
863
877
  16px
@@ -902,8 +916,9 @@
902
916
  );
903
917
  --_rs-typography-text-auto-offset:8px;
904
918
 
905
- --_rs-typography-ul-list-li-padding-left:28px;
906
- --_rs-typography-ol-list-li-padding-left:21px;
919
+ --_rs-typography-ul-bullet-offset:2px;
920
+ --_rs-typography-list-li-compact-left-offset:15px;
921
+ --_rs-typography-list-li-default-left-offset:19px;
907
922
  --_rs-typography-list-li-margin-top-from-text:8px;
908
923
 
909
924
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
@@ -941,8 +956,9 @@
941
956
  );
942
957
  --_rs-typography-text-auto-offset:0px;
943
958
 
944
- --_rs-typography-ul-list-li-padding-left:initial;
945
- --_rs-typography-ol-list-li-padding-left:initial;
959
+ --_rs-typography-ul-bullet-offset:initial;
960
+ --_rs-typography-list-li-compact-left-offset:initial;
961
+ --_rs-typography-list-li-default-left-offset:initial;
946
962
  --_rs-typography-list-li-margin-top-from-text:initial;
947
963
 
948
964
  --_rs-typography-link-standalone-border-offset-from-text-base:1.3em;
@@ -950,37 +966,43 @@
950
966
  --_rs-typography-link-border-bottom-width-from-text:2px;
951
967
  }
952
968
  @define-mixin rs-typography-ul{
953
- --_rs-typography-list-li-content-base:'\2022';
969
+ --_rs-typography-list-bullet-content-base:'\2022';
954
970
  --_rs-typography-list-counter:initial;
955
-
956
- --_rs-typography-list-li-padding-left:var(
957
- --_rs-typography-ul-list-li-padding-left,
958
- 22px
971
+ --_rs-typography-list-bullet-offset:var(
972
+ --_rs-typography-ul-bullet-offset,
973
+ 2px
959
974
  );
960
975
  }
961
976
  @define-mixin rs-typography-ol{
962
- --_rs-typography-list-li-content-base:counter(ol-counter) '.';
977
+ --_rs-typography-list-bullet-content-base:counter(ol-counter) '.';
963
978
  --_rs-typography-list-counter:ol-counter;
964
-
965
- --_rs-typography-list-li-padding-left:var(
966
- --_rs-typography-ol-list-li-padding-left,
967
- 26px
968
- );
979
+ --_rs-typography-list-bullet-offset:0px;
969
980
  }
970
981
  @define-mixin rs-typography-ol-alpha-lower{
971
- --_rs-typography-list-li-content-from-alpha-or-initial:counter(
982
+ --_rs-typography-list-bullet-content-from-alpha-or-initial:counter(
972
983
  ol-counter,
973
984
  lower-alpha
974
985
  ) '.';
975
986
  }
976
987
  @define-mixin rs-typography-ol-alpha-upper{
977
- --_rs-typography-list-li-content-from-alpha-or-initial:counter(
988
+ --_rs-typography-list-bullet-content-from-alpha-or-initial:counter(
978
989
  ol-counter,
979
990
  upper-alpha
980
991
  ) '.';
981
992
  }
982
993
  @define-mixin rs-typography-ol-alpha-auto{
983
- --_rs-typography-list-li-content-from-alpha-or-initial:initial;
994
+ --_rs-typography-list-bullet-content-from-alpha-or-initial:initial;
995
+ }
996
+ @define-mixin rs-typography-list-compact-true{
997
+ --_rs-typography-list-li-padding-left-from-compact:var(
998
+ --_rs-typography-list-li-compact-left-offset
999
+ );
1000
+ }
1001
+ @define-mixin rs-typography-list-compact-false{
1002
+ --_rs-typography-list-li-padding-left-from-compact:initial;
1003
+ }
1004
+ @define-mixin rs-typography-list-offset-items-4{
1005
+ --_rs-typography-list-li-margin-top:4px;
984
1006
  }
985
1007
  @define-mixin rs-typography-list-offset-items-8{
986
1008
  --_rs-typography-list-li-margin-top:8px;
@@ -1207,9 +1229,13 @@
1207
1229
  --_rs-typography-list-li-margin-top-from-text,
1208
1230
  16px
1209
1231
  );
1210
- --_rs-typography-list-li-content:var(
1211
- --_rs-typography-list-li-content-from-alpha-or-initial,
1212
- var(--_rs-typography-list-li-content-base)
1232
+ --_rs-typography-list-li-padding-left:var(
1233
+ --_rs-typography-list-li-padding-left-from-compact,
1234
+ var(--_rs-typography-list-li-default-left-offset, 24px)
1235
+ );
1236
+ --_rs-typography-list-bullet-content:var(
1237
+ --_rs-typography-list-bullet-content-from-alpha-or-initial,
1238
+ var(--_rs-typography-list-bullet-content-base)
1213
1239
  );
1214
1240
  @media screen and (max-width: 640px){
1215
1241
  --_rs-typography-list-li-margin-top-fallback:var(
@@ -1257,7 +1283,9 @@
1257
1283
 
1258
1284
  display:block;
1259
1285
 
1260
- content:var(--_rs-typography-list-li-content);
1286
+ margin-left:var(--_rs-typography-list-bullet-offset);
1287
+
1288
+ content:var(--_rs-typography-list-bullet-content);
1261
1289
  counter-increment:var(--_rs-typography-list-counter);
1262
1290
  text-align:left;
1263
1291
 
@@ -1548,7 +1576,7 @@
1548
1576
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1549
1577
 
1550
1578
  transition:margin-right 300ms, margin-left 300ms;
1551
- font-feature-settings:"ss20" 1;
1579
+ font-feature-settings:'ss20' 1;
1552
1580
  }
1553
1581
 
1554
1582
  &:focus[data-focus-method='key']{
@@ -1601,8 +1629,9 @@
1601
1629
  )
1602
1630
  );
1603
1631
  --_rs-typography-text-auto-offset:0;
1604
- --_rs-typography-ul-list-li-padding-left:initial;
1605
- --_rs-typography-ol-list-li-padding-left:initial;
1632
+ --_rs-typography-ul-bullet-offset:initial;
1633
+ --_rs-typography-list-li-compact-left-offset:initial;
1634
+ --_rs-typography-list-li-default-left-offset:initial;
1606
1635
  --_rs-typography-list-li-margin-top-from-text:initial;
1607
1636
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1608
1637
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -1668,8 +1697,9 @@
1668
1697
  )
1669
1698
  );
1670
1699
  --_rs-typography-text-auto-offset:0;
1671
- --_rs-typography-ul-list-li-padding-left:initial;
1672
- --_rs-typography-ol-list-li-padding-left:initial;
1700
+ --_rs-typography-ul-bullet-offset:initial;
1701
+ --_rs-typography-list-li-compact-left-offset:initial;
1702
+ --_rs-typography-list-li-default-left-offset:initial;
1673
1703
  --_rs-typography-list-li-margin-top-from-text:initial;
1674
1704
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
1675
1705
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -1736,8 +1766,9 @@
1736
1766
  )
1737
1767
  );
1738
1768
  --_rs-typography-text-auto-offset:0;
1739
- --_rs-typography-ul-list-li-padding-left:initial;
1740
- --_rs-typography-ol-list-li-padding-left:initial;
1769
+ --_rs-typography-ul-bullet-offset:initial;
1770
+ --_rs-typography-list-li-compact-left-offset:initial;
1771
+ --_rs-typography-list-li-default-left-offset:initial;
1741
1772
  --_rs-typography-list-li-margin-top-from-text:initial;
1742
1773
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1743
1774
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -1828,8 +1859,9 @@
1828
1859
  )
1829
1860
  );
1830
1861
  --_rs-typography-text-auto-offset:0;
1831
- --_rs-typography-ul-list-li-padding-left:initial;
1832
- --_rs-typography-ol-list-li-padding-left:initial;
1862
+ --_rs-typography-ul-bullet-offset:initial;
1863
+ --_rs-typography-list-li-compact-left-offset:initial;
1864
+ --_rs-typography-list-li-default-left-offset:initial;
1833
1865
  --_rs-typography-list-li-margin-top-from-text:initial;
1834
1866
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1835
1867
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -1905,8 +1937,9 @@
1905
1937
  )
1906
1938
  );
1907
1939
  --_rs-typography-text-auto-offset:0;
1908
- --_rs-typography-ul-list-li-padding-left:initial;
1909
- --_rs-typography-ol-list-li-padding-left:initial;
1940
+ --_rs-typography-ul-bullet-offset:initial;
1941
+ --_rs-typography-list-li-compact-left-offset:initial;
1942
+ --_rs-typography-list-li-default-left-offset:initial;
1910
1943
  --_rs-typography-list-li-margin-top-from-text:initial;
1911
1944
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1912
1945
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -1982,8 +2015,9 @@
1982
2015
  )
1983
2016
  );
1984
2017
  --_rs-typography-text-auto-offset:0;
1985
- --_rs-typography-ul-list-li-padding-left:initial;
1986
- --_rs-typography-ol-list-li-padding-left:initial;
2018
+ --_rs-typography-ul-bullet-offset:initial;
2019
+ --_rs-typography-list-li-compact-left-offset:initial;
2020
+ --_rs-typography-list-li-default-left-offset:initial;
1987
2021
  --_rs-typography-list-li-margin-top-from-text:initial;
1988
2022
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
1989
2023
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -2052,8 +2086,9 @@
2052
2086
  )
2053
2087
  );
2054
2088
  --_rs-typography-text-auto-offset:0;
2055
- --_rs-typography-ul-list-li-padding-left:initial;
2056
- --_rs-typography-ol-list-li-padding-left:initial;
2089
+ --_rs-typography-ul-bullet-offset:initial;
2090
+ --_rs-typography-list-li-compact-left-offset:initial;
2091
+ --_rs-typography-list-li-default-left-offset:initial;
2057
2092
  --_rs-typography-list-li-margin-top-from-text:initial;
2058
2093
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
2059
2094
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -2112,8 +2147,9 @@
2112
2147
  )
2113
2148
  );
2114
2149
  --_rs-typography-text-auto-offset:0;
2115
- --_rs-typography-ul-list-li-padding-left:initial;
2116
- --_rs-typography-ol-list-li-padding-left:initial;
2150
+ --_rs-typography-ul-bullet-offset:initial;
2151
+ --_rs-typography-list-li-compact-left-offset:initial;
2152
+ --_rs-typography-list-li-default-left-offset:initial;
2117
2153
  --_rs-typography-list-li-margin-top-from-text:initial;
2118
2154
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2119
2155
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -2162,8 +2198,9 @@
2162
2198
  )
2163
2199
  );
2164
2200
  --_rs-typography-text-auto-offset:0;
2165
- --_rs-typography-ul-list-li-padding-left:initial;
2166
- --_rs-typography-ol-list-li-padding-left:initial;
2201
+ --_rs-typography-ul-bullet-offset:initial;
2202
+ --_rs-typography-list-li-compact-left-offset:initial;
2203
+ --_rs-typography-list-li-default-left-offset:initial;
2167
2204
  --_rs-typography-list-li-margin-top-from-text:initial;
2168
2205
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2169
2206
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -2212,8 +2249,9 @@
2212
2249
  )
2213
2250
  );
2214
2251
  --_rs-typography-text-auto-offset:0;
2215
- --_rs-typography-ul-list-li-padding-left:initial;
2216
- --_rs-typography-ol-list-li-padding-left:initial;
2252
+ --_rs-typography-ul-bullet-offset:initial;
2253
+ --_rs-typography-list-li-compact-left-offset:initial;
2254
+ --_rs-typography-list-li-default-left-offset:initial;
2217
2255
  --_rs-typography-list-li-margin-top-from-text:initial;
2218
2256
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2219
2257
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -2268,8 +2306,9 @@
2268
2306
  )
2269
2307
  );
2270
2308
  --_rs-typography-text-auto-offset:0;
2271
- --_rs-typography-ul-list-li-padding-left:initial;
2272
- --_rs-typography-ol-list-li-padding-left:initial;
2309
+ --_rs-typography-ul-bullet-offset:initial;
2310
+ --_rs-typography-list-li-compact-left-offset:initial;
2311
+ --_rs-typography-list-li-default-left-offset:initial;
2273
2312
  --_rs-typography-list-li-margin-top-from-text:initial;
2274
2313
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2275
2314
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -2334,8 +2373,9 @@
2334
2373
  )
2335
2374
  );
2336
2375
  --_rs-typography-text-auto-offset:0;
2337
- --_rs-typography-ul-list-li-padding-left:initial;
2338
- --_rs-typography-ol-list-li-padding-left:initial;
2376
+ --_rs-typography-ul-bullet-offset:initial;
2377
+ --_rs-typography-list-li-compact-left-offset:initial;
2378
+ --_rs-typography-list-li-default-left-offset:initial;
2339
2379
  --_rs-typography-list-li-margin-top-from-text:initial;
2340
2380
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2341
2381
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -2400,8 +2440,9 @@
2400
2440
  )
2401
2441
  );
2402
2442
  --_rs-typography-text-auto-offset:0px;
2403
- --_rs-typography-ul-list-li-padding-left:initial;
2404
- --_rs-typography-ol-list-li-padding-left:initial;
2443
+ --_rs-typography-ul-bullet-offset:initial;
2444
+ --_rs-typography-list-li-compact-left-offset:initial;
2445
+ --_rs-typography-list-li-default-left-offset:initial;
2405
2446
  --_rs-typography-list-li-margin-top-from-text:initial;
2406
2447
  --_rs-typography-link-standalone-border-offset-from-text-base:1.3em;
2407
2448
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.15em;
@@ -2453,8 +2494,9 @@
2453
2494
  )
2454
2495
  );
2455
2496
  --_rs-typography-text-auto-offset:32px;
2456
- --_rs-typography-ul-list-li-padding-left:26px;
2457
- --_rs-typography-ol-list-li-padding-left:32px;
2497
+ --_rs-typography-ul-bullet-offset:2px;
2498
+ --_rs-typography-list-li-compact-left-offset:22px;
2499
+ --_rs-typography-list-li-default-left-offset:28px;
2458
2500
  --_rs-typography-list-li-margin-top-from-text:var(
2459
2501
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
2460
2502
  24px
@@ -2512,8 +2554,9 @@
2512
2554
  )
2513
2555
  );
2514
2556
  --_rs-typography-text-auto-offset:16px;
2515
- --_rs-typography-ul-list-li-padding-left:22px;
2516
- --_rs-typography-ol-list-li-padding-left:26px;
2557
+ --_rs-typography-ul-bullet-offset:2px;
2558
+ --_rs-typography-list-li-compact-left-offset:18px;
2559
+ --_rs-typography-list-li-default-left-offset:24px;
2517
2560
  --_rs-typography-list-li-margin-top-from-text:var(
2518
2561
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
2519
2562
  16px
@@ -2571,8 +2614,9 @@
2571
2614
  )
2572
2615
  );
2573
2616
  --_rs-typography-text-auto-offset:8px;
2574
- --_rs-typography-ul-list-li-padding-left:28px;
2575
- --_rs-typography-ol-list-li-padding-left:21px;
2617
+ --_rs-typography-ul-bullet-offset:2px;
2618
+ --_rs-typography-list-li-compact-left-offset:15px;
2619
+ --_rs-typography-list-li-default-left-offset:19px;
2576
2620
  --_rs-typography-list-li-margin-top-from-text:8px;
2577
2621
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
2578
2622
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -2598,19 +2642,23 @@
2598
2642
  color:var(--_rs-typography-base-color);
2599
2643
  }
2600
2644
  @define-mixin rs-typography-ul-full{
2601
- --_rs-typography-list-li-content-base:'\2022';
2645
+ --_rs-typography-list-bullet-content-base:'\2022';
2602
2646
  --_rs-typography-list-counter:initial;
2603
- --_rs-typography-list-li-padding-left:var(
2604
- --_rs-typography-ul-list-li-padding-left,
2605
- 22px
2647
+ --_rs-typography-list-bullet-offset:var(
2648
+ --_rs-typography-ul-bullet-offset,
2649
+ 2px
2606
2650
  );
2607
2651
  --_rs-typography-list-li-margin-top-fallback:var(
2608
2652
  --_rs-typography-list-li-margin-top-from-text,
2609
2653
  16px
2610
2654
  );
2611
- --_rs-typography-list-li-content:var(
2612
- --_rs-typography-list-li-content-from-alpha-or-initial,
2613
- var(--_rs-typography-list-li-content-base)
2655
+ --_rs-typography-list-li-padding-left:var(
2656
+ --_rs-typography-list-li-padding-left-from-compact,
2657
+ var(--_rs-typography-list-li-default-left-offset, 24px)
2658
+ );
2659
+ --_rs-typography-list-bullet-content:var(
2660
+ --_rs-typography-list-bullet-content-from-alpha-or-initial,
2661
+ var(--_rs-typography-list-bullet-content-base)
2614
2662
  );
2615
2663
  @media screen and (max-width: 640px){
2616
2664
  --_rs-typography-list-li-margin-top-fallback:var(
@@ -2653,7 +2701,9 @@
2653
2701
 
2654
2702
  display:block;
2655
2703
 
2656
- content:var(--_rs-typography-list-li-content);
2704
+ margin-left:var(--_rs-typography-list-bullet-offset);
2705
+
2706
+ content:var(--_rs-typography-list-bullet-content);
2657
2707
  counter-increment:var(--_rs-typography-list-counter);
2658
2708
  text-align:left;
2659
2709
 
@@ -2663,19 +2713,20 @@
2663
2713
  }
2664
2714
  }
2665
2715
  @define-mixin rs-typography-ol-full{
2666
- --_rs-typography-list-li-content-base:counter(ol-counter) '.';
2716
+ --_rs-typography-list-bullet-content-base:counter(ol-counter) '.';
2667
2717
  --_rs-typography-list-counter:ol-counter;
2668
- --_rs-typography-list-li-padding-left:var(
2669
- --_rs-typography-ol-list-li-padding-left,
2670
- 26px
2671
- );
2718
+ --_rs-typography-list-bullet-offset:0px;
2672
2719
  --_rs-typography-list-li-margin-top-fallback:var(
2673
2720
  --_rs-typography-list-li-margin-top-from-text,
2674
2721
  16px
2675
2722
  );
2676
- --_rs-typography-list-li-content:var(
2677
- --_rs-typography-list-li-content-from-alpha-or-initial,
2678
- var(--_rs-typography-list-li-content-base)
2723
+ --_rs-typography-list-li-padding-left:var(
2724
+ --_rs-typography-list-li-padding-left-from-compact,
2725
+ var(--_rs-typography-list-li-default-left-offset, 24px)
2726
+ );
2727
+ --_rs-typography-list-bullet-content:var(
2728
+ --_rs-typography-list-bullet-content-from-alpha-or-initial,
2729
+ var(--_rs-typography-list-bullet-content-base)
2679
2730
  );
2680
2731
  @media screen and (max-width: 640px){
2681
2732
  --_rs-typography-list-li-margin-top-fallback:var(
@@ -2718,7 +2769,9 @@
2718
2769
 
2719
2770
  display:block;
2720
2771
 
2721
- content:var(--_rs-typography-list-li-content);
2772
+ margin-left:var(--_rs-typography-list-bullet-offset);
2773
+
2774
+ content:var(--_rs-typography-list-bullet-content);
2722
2775
  counter-increment:var(--_rs-typography-list-counter);
2723
2776
  text-align:left;
2724
2777
 
@@ -2992,7 +3045,7 @@
2992
3045
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2993
3046
 
2994
3047
  transition:margin-right 300ms, margin-left 300ms;
2995
- font-feature-settings:"ss20" 1;
3048
+ font-feature-settings:'ss20' 1;
2996
3049
  }
2997
3050
  &:focus[data-focus-method='key']{
2998
3051
  --_rs-typography-link-box-shadow-from-state-focus-visible:var(
@@ -3031,8 +3084,9 @@
3031
3084
  )
3032
3085
  );
3033
3086
  --_rs-typography-text-auto-offset:0;
3034
- --_rs-typography-ul-list-li-padding-left:initial;
3035
- --_rs-typography-ol-list-li-padding-left:initial;
3087
+ --_rs-typography-ul-bullet-offset:initial;
3088
+ --_rs-typography-list-li-compact-left-offset:initial;
3089
+ --_rs-typography-list-li-default-left-offset:initial;
3036
3090
  --_rs-typography-list-li-margin-top-from-text:initial;
3037
3091
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3038
3092
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3083,8 +3137,9 @@
3083
3137
  )
3084
3138
  );
3085
3139
  --_rs-typography-text-auto-offset:0;
3086
- --_rs-typography-ul-list-li-padding-left:initial;
3087
- --_rs-typography-ol-list-li-padding-left:initial;
3140
+ --_rs-typography-ul-bullet-offset:initial;
3141
+ --_rs-typography-list-li-compact-left-offset:initial;
3142
+ --_rs-typography-list-li-default-left-offset:initial;
3088
3143
  --_rs-typography-list-li-margin-top-from-text:initial;
3089
3144
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3090
3145
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3134,8 +3189,9 @@
3134
3189
  )
3135
3190
  );
3136
3191
  --_rs-typography-text-auto-offset:0;
3137
- --_rs-typography-ul-list-li-padding-left:initial;
3138
- --_rs-typography-ol-list-li-padding-left:initial;
3192
+ --_rs-typography-ul-bullet-offset:initial;
3193
+ --_rs-typography-list-li-compact-left-offset:initial;
3194
+ --_rs-typography-list-li-default-left-offset:initial;
3139
3195
  --_rs-typography-list-li-margin-top-from-text:initial;
3140
3196
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3141
3197
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -3213,8 +3269,9 @@
3213
3269
  )
3214
3270
  );
3215
3271
  --_rs-typography-text-auto-offset:0;
3216
- --_rs-typography-ul-list-li-padding-left:initial;
3217
- --_rs-typography-ol-list-li-padding-left:initial;
3272
+ --_rs-typography-ul-bullet-offset:initial;
3273
+ --_rs-typography-list-li-compact-left-offset:initial;
3274
+ --_rs-typography-list-li-default-left-offset:initial;
3218
3275
  --_rs-typography-list-li-margin-top-from-text:initial;
3219
3276
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3220
3277
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -3275,8 +3332,9 @@
3275
3332
  )
3276
3333
  );
3277
3334
  --_rs-typography-text-auto-offset:0;
3278
- --_rs-typography-ul-list-li-padding-left:initial;
3279
- --_rs-typography-ol-list-li-padding-left:initial;
3335
+ --_rs-typography-ul-bullet-offset:initial;
3336
+ --_rs-typography-list-li-compact-left-offset:initial;
3337
+ --_rs-typography-list-li-default-left-offset:initial;
3280
3338
  --_rs-typography-list-li-margin-top-from-text:initial;
3281
3339
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3282
3340
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -3334,8 +3392,9 @@
3334
3392
  )
3335
3393
  );
3336
3394
  --_rs-typography-text-auto-offset:0;
3337
- --_rs-typography-ul-list-li-padding-left:initial;
3338
- --_rs-typography-ol-list-li-padding-left:initial;
3395
+ --_rs-typography-ul-bullet-offset:initial;
3396
+ --_rs-typography-list-li-compact-left-offset:initial;
3397
+ --_rs-typography-list-li-default-left-offset:initial;
3339
3398
  --_rs-typography-list-li-margin-top-from-text:initial;
3340
3399
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3341
3400
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3385,8 +3444,9 @@
3385
3444
  )
3386
3445
  );
3387
3446
  --_rs-typography-text-auto-offset:0;
3388
- --_rs-typography-ul-list-li-padding-left:initial;
3389
- --_rs-typography-ol-list-li-padding-left:initial;
3447
+ --_rs-typography-ul-bullet-offset:initial;
3448
+ --_rs-typography-list-li-compact-left-offset:initial;
3449
+ --_rs-typography-list-li-default-left-offset:initial;
3390
3450
  --_rs-typography-list-li-margin-top-from-text:initial;
3391
3451
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3392
3452
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3439,8 +3499,9 @@
3439
3499
  )
3440
3500
  );
3441
3501
  --_rs-typography-text-auto-offset:0;
3442
- --_rs-typography-ul-list-li-padding-left:initial;
3443
- --_rs-typography-ol-list-li-padding-left:initial;
3502
+ --_rs-typography-ul-bullet-offset:initial;
3503
+ --_rs-typography-list-li-compact-left-offset:initial;
3504
+ --_rs-typography-list-li-default-left-offset:initial;
3444
3505
  --_rs-typography-list-li-margin-top-from-text:initial;
3445
3506
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3446
3507
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -3494,8 +3555,9 @@
3494
3555
  )
3495
3556
  );
3496
3557
  --_rs-typography-text-auto-offset:0;
3497
- --_rs-typography-ul-list-li-padding-left:initial;
3498
- --_rs-typography-ol-list-li-padding-left:initial;
3558
+ --_rs-typography-ul-bullet-offset:initial;
3559
+ --_rs-typography-list-li-compact-left-offset:initial;
3560
+ --_rs-typography-list-li-default-left-offset:initial;
3499
3561
  --_rs-typography-list-li-margin-top-from-text:initial;
3500
3562
  --_rs-typography-link-standalone-border-offset-from-text-base:1.12em;
3501
3563
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1em;
@@ -3539,8 +3601,9 @@
3539
3601
  )
3540
3602
  );
3541
3603
  --_rs-typography-text-auto-offset:0;
3542
- --_rs-typography-ul-list-li-padding-left:initial;
3543
- --_rs-typography-ol-list-li-padding-left:initial;
3604
+ --_rs-typography-ul-bullet-offset:initial;
3605
+ --_rs-typography-list-li-compact-left-offset:initial;
3606
+ --_rs-typography-list-li-default-left-offset:initial;
3544
3607
  --_rs-typography-list-li-margin-top-from-text:initial;
3545
3608
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3546
3609
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3572,8 +3635,9 @@
3572
3635
  )
3573
3636
  );
3574
3637
  --_rs-typography-text-auto-offset:0;
3575
- --_rs-typography-ul-list-li-padding-left:initial;
3576
- --_rs-typography-ol-list-li-padding-left:initial;
3638
+ --_rs-typography-ul-bullet-offset:initial;
3639
+ --_rs-typography-list-li-compact-left-offset:initial;
3640
+ --_rs-typography-list-li-default-left-offset:initial;
3577
3641
  --_rs-typography-list-li-margin-top-from-text:initial;
3578
3642
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3579
3643
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3605,8 +3669,9 @@
3605
3669
  )
3606
3670
  );
3607
3671
  --_rs-typography-text-auto-offset:0;
3608
- --_rs-typography-ul-list-li-padding-left:initial;
3609
- --_rs-typography-ol-list-li-padding-left:initial;
3672
+ --_rs-typography-ul-bullet-offset:initial;
3673
+ --_rs-typography-list-li-compact-left-offset:initial;
3674
+ --_rs-typography-list-li-default-left-offset:initial;
3610
3675
  --_rs-typography-list-li-margin-top-from-text:initial;
3611
3676
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3612
3677
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3644,8 +3709,9 @@
3644
3709
  )
3645
3710
  );
3646
3711
  --_rs-typography-text-auto-offset:0px;
3647
- --_rs-typography-ul-list-li-padding-left:initial;
3648
- --_rs-typography-ol-list-li-padding-left:initial;
3712
+ --_rs-typography-ul-bullet-offset:initial;
3713
+ --_rs-typography-list-li-compact-left-offset:initial;
3714
+ --_rs-typography-list-li-default-left-offset:initial;
3649
3715
  --_rs-typography-list-li-margin-top-from-text:initial;
3650
3716
  --_rs-typography-link-standalone-border-offset-from-text-base:1.3em;
3651
3717
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.15em;
@@ -3680,8 +3746,9 @@
3680
3746
  )
3681
3747
  );
3682
3748
  --_rs-typography-text-auto-offset:32px;
3683
- --_rs-typography-ul-list-li-padding-left:26px;
3684
- --_rs-typography-ol-list-li-padding-left:32px;
3749
+ --_rs-typography-ul-bullet-offset:2px;
3750
+ --_rs-typography-list-li-compact-left-offset:22px;
3751
+ --_rs-typography-list-li-default-left-offset:28px;
3685
3752
  --_rs-typography-list-li-margin-top-from-text:var(
3686
3753
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
3687
3754
  24px
@@ -3724,8 +3791,9 @@
3724
3791
  )
3725
3792
  );
3726
3793
  --_rs-typography-text-auto-offset:16px;
3727
- --_rs-typography-ul-list-li-padding-left:22px;
3728
- --_rs-typography-ol-list-li-padding-left:26px;
3794
+ --_rs-typography-ul-bullet-offset:2px;
3795
+ --_rs-typography-list-li-compact-left-offset:18px;
3796
+ --_rs-typography-list-li-default-left-offset:24px;
3729
3797
  --_rs-typography-list-li-margin-top-from-text:var(
3730
3798
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
3731
3799
  16px
@@ -3768,8 +3836,9 @@
3768
3836
  )
3769
3837
  );
3770
3838
  --_rs-typography-text-auto-offset:8px;
3771
- --_rs-typography-ul-list-li-padding-left:28px;
3772
- --_rs-typography-ol-list-li-padding-left:21px;
3839
+ --_rs-typography-ul-bullet-offset:2px;
3840
+ --_rs-typography-list-li-compact-left-offset:15px;
3841
+ --_rs-typography-list-li-default-left-offset:19px;
3773
3842
  --_rs-typography-list-li-margin-top-from-text:8px;
3774
3843
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
3775
3844
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -3834,6 +3903,23 @@
3834
3903
  --_rs-typography-heading-hardness-color:initial;
3835
3904
  }
3836
3905
  }
3906
+ @define-mixin rs-text-cn-list-compact-true{
3907
+ &:not(html){
3908
+ --_rs-typography-list-li-padding-left-from-compact:var(
3909
+ --_rs-typography-list-li-compact-left-offset
3910
+ );
3911
+ }
3912
+ }
3913
+ @define-mixin rs-text-cn-list-compact-false{
3914
+ &:not(html){
3915
+ --_rs-typography-list-li-padding-left-from-compact:initial;
3916
+ }
3917
+ }
3918
+ @define-mixin rs-text-cn-list-offset-items-4{
3919
+ &:not(html){
3920
+ --_rs-typography-list-li-margin-top:4px;
3921
+ }
3922
+ }
3837
3923
  @define-mixin rs-text-cn-list-offset-items-8{
3838
3924
  &:not(html){
3839
3925
  --_rs-typography-list-li-margin-top:8px;
@@ -3877,7 +3963,7 @@
3877
3963
  }
3878
3964
  @define-mixin rs-text-cn-ol-alpha-lower{
3879
3965
  &:not(html){
3880
- --_rs-typography-list-li-content-from-alpha-or-initial:counter(
3966
+ --_rs-typography-list-bullet-content-from-alpha-or-initial:counter(
3881
3967
  ol-counter,
3882
3968
  lower-alpha
3883
3969
  ) '.';
@@ -3885,7 +3971,7 @@
3885
3971
  }
3886
3972
  @define-mixin rs-text-cn-ol-alpha-upper{
3887
3973
  &:not(html){
3888
- --_rs-typography-list-li-content-from-alpha-or-initial:counter(
3974
+ --_rs-typography-list-bullet-content-from-alpha-or-initial:counter(
3889
3975
  ol-counter,
3890
3976
  upper-alpha
3891
3977
  ) '.';
@@ -3893,7 +3979,7 @@
3893
3979
  }
3894
3980
  @define-mixin rs-text-cn-ol-alpha-auto{
3895
3981
  &:not(html){
3896
- --_rs-typography-list-li-content-from-alpha-or-initial:initial;
3982
+ --_rs-typography-list-bullet-content-from-alpha-or-initial:initial;
3897
3983
  }
3898
3984
  }
3899
3985
  @define-mixin rs-text-cn-link-mode-classic{