@rescui/typography 0.4.0 → 0.6.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 (6) hide show
  1. package/lib/create-text-cn.d.ts +23 -6
  2. package/lib/create-text-cn.js +24 -11
  3. package/lib/hooks.d.ts +2 -0
  4. package/lib/index.css +194 -129
  5. package/lib/mixins.pcss +272 -222
  6. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -5,8 +5,6 @@
5
5
  }
6
6
  .rs-super-hero{
7
7
  letter-spacing:-0.02em;
8
- color:#19191C;
9
- color:var(--rs-typography-color-hard, #19191C);
10
8
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
11
9
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
12
10
  font-size:142px;
@@ -33,6 +31,10 @@
33
31
  .rs-reset-letter-spacing .rs-super-hero{
34
32
  letter-spacing:normal;
35
33
  }
34
+ .rs-super-hero {
35
+ color:#19191C;
36
+ color:var(--rs-typography-color-hard, #19191C);
37
+ }
36
38
  .rs-super-hero_theme_dark{
37
39
  color:#FFFFFF;
38
40
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -44,8 +46,6 @@
44
46
  .rs-digits{
45
47
  letter-spacing:-0.005em;
46
48
  font-variant-numeric:tabular-nums;
47
- color:#19191C;
48
- color:var(--rs-typography-color-hard, #19191C);
49
49
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
50
50
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
51
51
  font-size:69px;
@@ -65,6 +65,10 @@
65
65
  .rs-reset-letter-spacing .rs-digits{
66
66
  letter-spacing:normal;
67
67
  }
68
+ .rs-digits {
69
+ color:#19191C;
70
+ color:var(--rs-typography-color-hard, #19191C);
71
+ }
68
72
  .rs-digits_theme_dark{
69
73
  color:#FFFFFF;
70
74
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -75,8 +79,6 @@
75
79
  }
76
80
  .rs-hero{
77
81
  letter-spacing:-0.005em;
78
- color:#19191C;
79
- color:var(--rs-typography-color-hard, #19191C);
80
82
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
81
83
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
82
84
  font-size:72px;
@@ -96,6 +98,10 @@
96
98
  .rs-reset-letter-spacing .rs-hero{
97
99
  letter-spacing:normal;
98
100
  }
101
+ .rs-hero {
102
+ color:#19191C;
103
+ color:var(--rs-typography-color-hard, #19191C);
104
+ }
99
105
  .rs-hero_theme_dark{
100
106
  color:#FFFFFF;
101
107
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -105,8 +111,6 @@
105
111
  color:var(--rs-typography-color-hard, #FFFFFF);
106
112
  }
107
113
  .rs-subtitle-1{
108
- color:#19191C;
109
- color:var(--rs-typography-color-hard, #19191C);
110
114
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
111
115
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
112
116
  font-size:39px;
@@ -122,6 +126,10 @@
122
126
  --rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
123
127
  }
124
128
  }
129
+ .rs-subtitle-1 {
130
+ color:#19191C;
131
+ color:var(--rs-typography-color-hard, #19191C);
132
+ }
125
133
  .rs-subtitle-1_theme_dark{
126
134
  color:#FFFFFF;
127
135
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -132,8 +140,6 @@
132
140
  }
133
141
  .rs-h1{
134
142
  letter-spacing:-0.001em;
135
- color:#19191C;
136
- color:var(--rs-typography-color-hard, #19191C);
137
143
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
138
144
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
139
145
  font-size:43px;
@@ -150,6 +156,10 @@
150
156
  letter-spacing:normal;
151
157
  }
152
158
  }
159
+ .rs-h1 {
160
+ color:#19191C;
161
+ color:var(--rs-typography-color-hard, #19191C);
162
+ }
153
163
  .rs-h1_theme_dark{
154
164
  color:#FFFFFF;
155
165
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -159,8 +169,6 @@
159
169
  color:var(--rs-typography-color-hard, #FFFFFF);
160
170
  }
161
171
  .rs-subtitle-2{
162
- color:#19191C;
163
- color:var(--rs-typography-color-hard, #19191C);
164
172
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
165
173
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
166
174
  font-size:29px;
@@ -176,6 +184,10 @@
176
184
  --rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
177
185
  }
178
186
  }
187
+ .rs-subtitle-2 {
188
+ color:#19191C;
189
+ color:var(--rs-typography-color-hard, #19191C);
190
+ }
179
191
  .rs-subtitle-2_theme_dark{
180
192
  color:#FFFFFF;
181
193
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -185,8 +197,6 @@
185
197
  color:var(--rs-typography-color-hard, #FFFFFF);
186
198
  }
187
199
  .rs-h2{
188
- color:#19191C;
189
- color:var(--rs-typography-color-hard, #19191C);
190
200
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
191
201
  font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
192
202
  font-size:35px;
@@ -202,6 +212,10 @@
202
212
  --rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
203
213
  }
204
214
  }
215
+ .rs-h2 {
216
+ color:#19191C;
217
+ color:var(--rs-typography-color-hard, #19191C);
218
+ }
205
219
  .rs-h2_theme_dark{
206
220
  color:#FFFFFF;
207
221
  color:var(--rs-typography-color-hard, #FFFFFF);
@@ -212,8 +226,6 @@
212
226
  }
213
227
  .rs-h3{
214
228
  letter-spacing:normal;
215
- color:#19191C;
216
- color:var(--rs-typography-color-hard, #19191C);
217
229
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
218
230
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
219
231
  font-size:20px;
@@ -222,6 +234,8 @@
222
234
  font-weight:var(--rs-font-weight-semi-bold, 530);
223
235
  line-height:28px;
224
236
  line-height:var(--rs-h3-line-height, 28px);
237
+ color:#19191C;
238
+ color:var(--rs-typography-color-hard, #19191C);
225
239
  }
226
240
  .rs-h3_theme_dark{
227
241
  color:#FFFFFF;
@@ -232,8 +246,6 @@
232
246
  color:var(--rs-typography-color-hard, #FFFFFF);
233
247
  }
234
248
  .rs-text-1{
235
- color:rgba(25,25,28,0.7);
236
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
237
249
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
238
250
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
239
251
  font-size:19px;
@@ -241,6 +253,8 @@
241
253
  font-weight:normal;
242
254
  line-height:28px;
243
255
  line-height:var(--rs-text-1-line-height, 28px);
256
+ color:rgba(25,25,28,0.7);
257
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
244
258
  }
245
259
  .rs-text-1_paragraph-offset-auto > p:not(:first-of-type){
246
260
  margin-top:32px;
@@ -282,8 +296,6 @@
282
296
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
283
297
  }
284
298
  .rs-h4{
285
- color:#19191C;
286
- color:var(--rs-typography-color-hard, #19191C);
287
299
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
288
300
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
289
301
  font-size:17px;
@@ -292,6 +304,8 @@
292
304
  font-weight:var(--rs-font-weight-semi-bold, 530);
293
305
  line-height:24px;
294
306
  line-height:var(--rs-h4-line-height, 24px);
307
+ color:#19191C;
308
+ color:var(--rs-typography-color-hard, #19191C);
295
309
  }
296
310
  .rs-h4_theme_dark{
297
311
  color:#FFFFFF;
@@ -303,8 +317,6 @@
303
317
  }
304
318
  .rs-text-2{
305
319
  letter-spacing:0.0015em;
306
- color:rgba(25,25,28,0.7);
307
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
308
320
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
309
321
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
310
322
  font-size:16px;
@@ -316,6 +328,10 @@
316
328
  .rs-reset-letter-spacing .rs-text-2{
317
329
  letter-spacing:normal;
318
330
  }
331
+ .rs-text-2 {
332
+ color:rgba(25,25,28,0.7);
333
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
334
+ }
319
335
  .rs-text-2_paragraph-offset-auto > p:not(:first-of-type){
320
336
  margin-top:16px;
321
337
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
@@ -356,8 +372,6 @@
356
372
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
357
373
  }
358
374
  .rs-h5{
359
- color:#19191C;
360
- color:var(--rs-typography-color-hard, #19191C);
361
375
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
362
376
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
363
377
  font-size:14px;
@@ -366,6 +380,8 @@
366
380
  font-weight:var(--rs-font-weight-semi-bold, 530);
367
381
  line-height:20px;
368
382
  line-height:var(--rs-h5-line-height, 20px);
383
+ color:#19191C;
384
+ color:var(--rs-typography-color-hard, #19191C);
369
385
  }
370
386
  .rs-h5_theme_dark{
371
387
  color:#FFFFFF;
@@ -399,8 +415,6 @@
399
415
  }
400
416
  .rs-text-3{
401
417
  letter-spacing:0.0045em;
402
- color:rgba(25,25,28,0.7);
403
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
404
418
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
405
419
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
406
420
  font-size:13px;
@@ -411,6 +425,10 @@
411
425
  .rs-reset-letter-spacing .rs-text-3{
412
426
  letter-spacing:normal;
413
427
  }
428
+ .rs-text-3 {
429
+ color:rgba(25,25,28,0.7);
430
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
431
+ }
414
432
  .rs-text-3_paragraph-offset-auto > p:not(:first-of-type){
415
433
  margin-top:8px;
416
434
  margin-top:var(--rs-flow-unit, 8px);
@@ -643,7 +661,7 @@
643
661
  margin-top:8px
644
662
  }
645
663
  }
646
- .rs-ol{
664
+ .rs-ol {
647
665
  counter-reset:ol-counter;
648
666
  }
649
667
  .rs-ol.rs-text-2 > li, .rs-text-2 .rs-ol > li{
@@ -673,8 +691,8 @@
673
691
  width:100%;
674
692
  padding:12px 16px;
675
693
  word-wrap:normal;
676
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
677
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
694
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
695
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
678
696
  font-size:16px;
679
697
  line-height:24px;
680
698
  color:#19191C;
@@ -700,8 +718,8 @@
700
718
  word-wrap:normal;
701
719
  background:transparent !important;
702
720
  color:inherit !important;
703
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
704
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
721
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
722
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
705
723
  line-height:inherit;
706
724
  }
707
725
  .rs-pre_theme_dark{
@@ -724,8 +742,8 @@
724
742
  color:var(--rs-typography-pre-color, #19191C);
725
743
  background-color:rgba(25,25,28,0.1);
726
744
  background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
727
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
728
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
745
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
746
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
729
747
  font-size:90%;
730
748
  line-height:inherit;
731
749
  border-radius:4px;
@@ -750,8 +768,8 @@
750
768
  color:var(--rs-typography-pre-color, #19191C);
751
769
  background-color:rgba(25,25,28,0.1);
752
770
  background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
753
- font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
754
- font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
771
+ font-family:'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
772
+ font-family:var(--rs-font-family-mono, 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
755
773
  font-size:90%;
756
774
  line-height:inherit;
757
775
  border-radius:4px;
@@ -764,34 +782,17 @@
764
782
  }
765
783
  .rs-link{
766
784
  --rs-link-color:var(--rs-typography-color-hard, #19191C);
767
- --rs-link-color-hover:var(--rs-typography-text-link-hover-color, #FFFFFF);
768
- --rs-underline-color:var(--rs-typography-color-hard, #19191C);
785
+ color:#19191C;
786
+ color:var(--rs-link-color);
769
787
  padding-bottom:1px;
770
788
  outline:none;
771
789
  cursor:pointer;
772
790
  text-decoration:none;
773
- color:#19191C;
774
- color:var(--rs-link-color);
775
791
  font-size:inherit;
776
792
  line-height:inherit;
777
- border-bottom:1px solid #19191C;
778
- border-bottom:1px solid var(--rs-underline-color);
779
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
780
- background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
781
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
782
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
783
- background-size:auto 0;
784
- background-repeat:repeat-x;
785
- background-position:left calc(100% + 4px);
786
- -webkit-transition:background-size 300ms, color 300ms;
787
- transition:background-size 300ms, color 300ms;
788
- }
789
- @media all and (-ms-high-contrast: none){
790
- .rs-link{
791
- -webkit-transition:none;
792
- transition:none;
793
+ border-bottom-style:solid;
794
+ border-bottom-width:1px;
793
795
  }
794
- }
795
796
  .rs-link:active,
796
797
  .rs-link:focus{
797
798
  color:#19191C;
@@ -799,34 +800,34 @@
799
800
  }
800
801
  .rs-link:hover{
801
802
  text-decoration:none;
802
- color:#FFFFFF;
803
- color:var(--rs-link-color-hover);
804
- background-size:auto calc(100% + 4px);
805
803
  }
806
804
  .rs-link:focus[data-focus-method='key']{
807
- -webkit-box-shadow:#4597ff 0 0 0 4px;
808
- -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
809
- box-shadow:#4597ff 0 0 0 4px;
810
- box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
805
+ -webkit-box-shadow:#8979ff 0 0 0 4px;
806
+ -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
807
+ box-shadow:#8979ff 0 0 0 4px;
808
+ box-shadow:var(--rs-color-primary-dim-light-theme, #8979ff) 0 0 0 4px;
811
809
  }
812
810
  [class*="rs-super-hero"] .rs-link{
813
- padding-bottom:0;
814
- border-bottom-width:5px;
811
+ border-bottom-width:4px;
815
812
  }
816
- @media screen and (max-width: 640px){
813
+ @media screen and (max-width: 1000px){
817
814
  [class*="rs-super-hero"] .rs-link{
818
- border-bottom-width:2px;
815
+ border-bottom-width:3px
819
816
  }
817
+ }
818
+ @media screen and (max-width: 640px){
819
+ [class*="rs-super-hero"] .rs-link{
820
+ border-bottom-width:2px
820
821
  }
822
+ }
821
823
  [class*="rs-hero"] .rs-link{
822
- padding-bottom:0;
823
- border-bottom-width:4px;
824
+ border-bottom-width:3px;
824
825
  }
825
826
  @media screen and (max-width: 640px){
826
827
  [class*="rs-hero"] .rs-link{
827
- border-bottom-width:2px;
828
- }
828
+ border-bottom-width:2px
829
829
  }
830
+ }
830
831
  [class*="rs-h1"] .rs-link,
831
832
  [class*="rs-h2"] .rs-link,
832
833
  [class*="rs-h3"] .rs-link,
@@ -835,7 +836,6 @@
835
836
  [class*="rs-overline"] .rs-link,
836
837
  [class*="rs-subtitle-1"] .rs-link,
837
838
  [class*="rs-subtitle-2"] .rs-link{
838
- padding-bottom:0;
839
839
  border-bottom-width:2px;
840
840
  }
841
841
  .rs-link_external:after{
@@ -844,17 +844,79 @@
844
844
  margin-right:0;
845
845
  margin-left:0;
846
846
  }
847
- .rs-link_mode_standalone{
847
+ .rs-link_mode_classic{
848
848
  --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
849
- --rs-link-standalone-border-offset:1.15em;
850
- border-bottom-color:transparent;
851
- background-image:none;
852
- background-size:initial;
853
- background-repeat:initial;
854
- background-position:initial;
849
+ --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(25,25,28,0.4));
850
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
851
+ border-bottom-color:rgba(25,25,28,0.4);
852
+ border-bottom-color:var(--rs-underline-color);
853
+ }
854
+ .rs-link_mode_classic:hover{
855
+ color:#19191C;
856
+ color:var(--rs-link-color-hover);
857
+ border-bottom-color:#19191C;
858
+ border-bottom-color:var(--rs-underline-color-hover);
859
+ border-bottom-width:2px;
860
+ padding-bottom:0;
861
+ }
862
+ [class*="rs-super-hero"] .rs-link_mode_classic:hover{
863
+ border-bottom-width:5px;
864
+ }
865
+ @media screen and (max-width: 1000px){
866
+ [class*="rs-super-hero"] .rs-link_mode_classic:hover{
867
+ border-bottom-width:4px
868
+ }
869
+ }
870
+ @media screen and (max-width: 640px){
871
+ [class*="rs-super-hero"] .rs-link_mode_classic:hover{
872
+ border-bottom-width:3px
873
+ }
874
+ }
875
+ [class*="rs-hero"] .rs-link_mode_classic:hover{
876
+ border-bottom-width:4px;
877
+ }
878
+ @media screen and (max-width: 640px){
879
+ [class*="rs-hero"] .rs-link_mode_classic:hover{
880
+ border-bottom-width:3px
881
+ }
882
+ }
883
+ [class*="rs-h1"] .rs-link_mode_classic:hover, [class*="rs-h2"] .rs-link_mode_classic:hover, [class*="rs-h3"] .rs-link_mode_classic:hover, [class*="rs-h4"] .rs-link_mode_classic:hover, [class*="rs-h5"] .rs-link_mode_classic:hover, [class*="rs-overline"] .rs-link_mode_classic:hover, [class*="rs-subtitle-1"] .rs-link_mode_classic:hover, [class*="rs-subtitle-2"] .rs-link_mode_classic:hover{
884
+ border-bottom-width:3px;
885
+ }
886
+ .rs-link_mode_rock{
887
+ --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #FFFFFF);
888
+ --rs-underline-color:var(--rs-typography-color-pale, #19191C);
889
+ border-bottom-color:#19191C;
890
+ border-bottom-color:var(--rs-underline-color);
891
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
892
+ background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
893
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
894
+ background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
895
+ background-size:auto 0;
896
+ background-repeat:repeat-x;
897
+ background-position:left calc(100% + 4px);
898
+ -webkit-transition:background-size 300ms, color 300ms;
899
+ transition:background-size 300ms, color 300ms;
900
+ }
901
+ @media all and (-ms-high-contrast: none){
902
+ .rs-link_mode_rock{
855
903
  -webkit-transition:none;
856
904
  transition:none;
857
905
  }
906
+ }
907
+ .rs-link_mode_rock:hover{
908
+ color:#FFFFFF;
909
+ color:var(--rs-link-color-hover);
910
+ background-size:auto calc(100% + 4px);
911
+ }
912
+ .rs-link_mode_standalone{
913
+ --rs-link-standalone-border-offset:1.15em;
914
+ --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
915
+ --rs-underline-color:transparent;
916
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
917
+ border-bottom-color:transparent;
918
+ border-bottom-color:var(--rs-underline-color);
919
+ }
858
920
  .rs-link_mode_standalone:after{
859
921
  content:'\2192';
860
922
  display:inline;
@@ -867,13 +929,13 @@
867
929
  color:#19191C;
868
930
  color:var(--rs-link-color-hover);
869
931
  border-bottom-color:#19191C;
870
- border-bottom-color:var(--rs-underline-color);
932
+ border-bottom-color:var(--rs-underline-color-hover);
871
933
  -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
872
934
  border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.1em, transparent)) 1;
873
935
  border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
874
- -o-border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
875
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
876
- border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
936
+ -o-border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
937
+ border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
938
+ border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
877
939
  }
878
940
  .rs-link_mode_standalone:hover:after{
879
941
  margin-right:0;
@@ -906,19 +968,17 @@
906
968
  .rs-link_mode_clear{
907
969
  --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
908
970
  --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
971
+ --rs-underline-color:transparent;
972
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #19191C);
909
973
  border-bottom-color:transparent;
910
- background-image:none;
911
- background-size:initial;
912
- background-repeat:initial;
913
- background-position:initial;
914
- -webkit-transition:none;
915
- transition:none;
974
+ border-bottom-color:var(--rs-underline-color);
916
975
  color:rgba(25,25,28,0.7);
917
976
  color:var(--rs-link-color);
918
977
  }
919
978
  .rs-link_mode_clear:hover{
920
979
  border-bottom-color:#19191C;
921
- border-bottom-color:var(--rs-underline-color);
980
+ border-bottom-color:var(--rs-underline-color-hover);
981
+
922
982
  color:#19191C;
923
983
  color:var(--rs-link-color-hover);
924
984
  }
@@ -933,63 +993,69 @@
933
993
  }
934
994
  .rs-link_theme_dark{
935
995
  --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
936
- --rs-link-color-hover:var(--rs-typography-text-link-hover-color, #19191C);
937
- --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
938
996
  color:#FFFFFF;
939
997
  color:var(--rs-link-color);
940
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
941
- background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
942
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
943
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
944
- border-bottom-color:#FFFFFF;
945
- border-bottom-color:var(--rs-underline-color);
946
998
  }
947
999
  .rs-link_theme_dark:active,
948
1000
  .rs-link_theme_dark:focus{
949
1001
  color:#FFFFFF;
950
1002
  color:var(--rs-link-color);
951
1003
  }
952
- .rs-link_theme_dark:hover{
953
- color:#19191C;
954
- color:var(--rs-link-color-hover);
955
- }
956
1004
  .rs-link_theme_dark:focus[data-focus-method='key']{
957
- -webkit-box-shadow:#428ad2 0 0 0 4px;
958
- -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
959
- box-shadow:#428ad2 0 0 0 4px;
960
- box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
1005
+ -webkit-box-shadow:#6f61d2 0 0 0 4px;
1006
+ -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1007
+ box-shadow:#6f61d2 0 0 0 4px;
1008
+ box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
961
1009
  }
962
1010
  [class*='_theme_dark'] .rs-link_theme_auto{
963
1011
  --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
964
- --rs-link-color-hover:var(--rs-typography-text-link-hover-color, #19191C);
965
- --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
966
1012
  color:#FFFFFF;
967
1013
  color:var(--rs-link-color);
968
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
969
- background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
970
- background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
971
- background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
972
- border-bottom-color:#FFFFFF;
973
- border-bottom-color:var(--rs-underline-color);
974
1014
  }
975
1015
  [class*='_theme_dark'] .rs-link_theme_auto:active,
976
1016
  [class*='_theme_dark'] .rs-link_theme_auto:focus{
977
1017
  color:#FFFFFF;
978
1018
  color:var(--rs-link-color);
979
1019
  }
980
- [class*='_theme_dark'] .rs-link_theme_auto:hover{
981
- color:#19191C;
1020
+ [class*='_theme_dark'] .rs-link_theme_auto:focus[data-focus-method='key']{
1021
+ -webkit-box-shadow:#6f61d2 0 0 0 4px;
1022
+ -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1023
+ box-shadow:#6f61d2 0 0 0 4px;
1024
+ box-shadow:var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 0 0 4px;
1025
+ }
1026
+ .rs-link_theme_dark.rs-link_mode_classic,
1027
+ [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_classic{
1028
+ --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1029
+ --rs-underline-color:var(--rs-typography-classic-link-underline-color, rgba(255,255,255,0.4));
1030
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1031
+ border-bottom-color:rgba(255,255,255,0.4);
1032
+ border-bottom-color:var(--rs-underline-color);
1033
+ }
1034
+ .rs-link_theme_dark.rs-link_mode_classic:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_classic:hover{
1035
+ color:#FFFFFF;
982
1036
  color:var(--rs-link-color-hover);
1037
+ border-bottom-color:#FFFFFF;
1038
+ border-bottom-color:var(--rs-underline-color-hover);
983
1039
  }
984
- [class*='_theme_dark'] .rs-link_theme_auto:focus[data-focus-method='key']{
985
- -webkit-box-shadow:#428ad2 0 0 0 4px;
986
- -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
987
- box-shadow:#428ad2 0 0 0 4px;
988
- box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
1040
+ .rs-link_theme_dark.rs-link_mode_rock,
1041
+ [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_rock{
1042
+ --rs-link-color-hover:var(--rs-typography-rock-link-hover-color, #19191C);
1043
+ --rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
1044
+ border-bottom-color:#FFFFFF;
1045
+ border-bottom-color:var(--rs-underline-color);
1046
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
1047
+ background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
1048
+ background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
1049
+ background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
1050
+ }
1051
+ .rs-link_theme_dark.rs-link_mode_rock:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_rock:hover{
1052
+ color:#19191C;
1053
+ color:var(--rs-link-color-hover);
989
1054
  }
990
1055
  .rs-link_theme_dark.rs-link_mode_standalone,
991
1056
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_standalone{
992
1057
  --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1058
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
993
1059
  background-image:none;
994
1060
  border-bottom-color:transparent;
995
1061
  }
@@ -997,28 +1063,27 @@
997
1063
  color:#FFFFFF;
998
1064
  color:var(--rs-link-color-hover);
999
1065
  border-bottom-color:#FFFFFF;
1000
- border-bottom-color:var(--rs-underline-color);
1066
+ border-bottom-color:var(--rs-underline-color-hover);
1001
1067
  -o-border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
1002
1068
  border-image:-webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(1.3em, transparent)) 1;
1003
1069
  border-image:linear-gradient(to right, #FFFFFF calc(100% - 1.3em), transparent 1.3em) 1;
1004
- -o-border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1005
- border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
1006
- border-image:linear-gradient(to right, var(--rs-underline-color) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1070
+ -o-border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1071
+ border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color-hover)), to(transparent)) 1;
1072
+ border-image:linear-gradient(to right, var(--rs-underline-color-hover) calc(100% - var(--rs-link-standalone-border-offset)), transparent var(--rs-link-standalone-border-offset)) 1;
1007
1073
  }
1008
1074
  .rs-link_theme_dark.rs-link_mode_clear,
1009
1075
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_clear{
1010
1076
  --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
1011
1077
  --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1012
- background-image:none;
1013
- border-bottom-color:transparent;
1078
+ --rs-underline-color-hover:var(--rs-typography-color-hard, #FFFFFF);
1014
1079
  color:rgba(255,255,255,0.7);
1015
1080
  color:var(--rs-link-color);
1016
1081
  }
1017
1082
  .rs-link_theme_dark.rs-link_mode_clear:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_clear:hover{
1018
- border-bottom-color:#FFFFFF;
1019
- border-bottom-color:var(--rs-underline-color);
1020
1083
  color:#FFFFFF;
1021
1084
  color:var(--rs-link-color-hover);
1085
+ border-bottom-color:#FFFFFF;
1086
+ border-bottom-color:var(--rs-underline-color-hover);
1022
1087
  }
1023
1088
  .rs-link_theme_dark.rs-link_hardness_hard,
1024
1089
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_hardness_hard{