@rescui/typography 0.1.0 → 0.4.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 (24) hide show
  1. package/lib/any.d.ts +1 -0
  2. package/lib/create-text-cn.d.ts +19 -19
  3. package/lib/create-text-cn.js +12 -17
  4. package/lib/font-inter.css +30 -32
  5. package/lib/font-jb-sans-auto.css +32 -0
  6. package/lib/font-jb-sans-variable.css +8 -0
  7. package/lib/font-jb-sans.css +21 -0
  8. package/lib/hooks.d.ts +5 -5
  9. package/lib/hooks.js +5 -3
  10. package/lib/index.css +280 -190
  11. package/lib/index.d.ts +6 -5
  12. package/lib/index.js +4 -12
  13. package/lib/mixins.pcss +278 -196
  14. package/lib/text-color-utils.d.ts +3 -0
  15. package/lib/text-color-utils.js +30 -0
  16. package/package.json +12 -10
  17. package/CHANGELOG.md +0 -30
  18. package/lib/create-text-cn.js.map +0 -1
  19. package/lib/font-inter.css.map +0 -1
  20. package/lib/hooks.js.map +0 -1
  21. package/lib/index.css.map +0 -1
  22. package/lib/index.js.map +0 -1
  23. package/lib/styles.js +0 -2
  24. package/lib/styles.js.map +0 -1
package/lib/index.css CHANGED
@@ -4,217 +4,243 @@
4
4
  -moz-osx-font-smoothing:grayscale;
5
5
  }
6
6
  .rs-super-hero{
7
- letter-spacing:-3px;
7
+ letter-spacing:-0.02em;
8
8
  color:#19191C;
9
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
10
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
11
- font-size:120px;
12
- font-size:var(--rs-super-hero-font-size, 120px);
13
- font-weight:500;
14
- line-height:128px;
15
- line-height:var(--rs-super-hero-line-height, 128px);
9
+ color:var(--rs-typography-color-hard, #19191C);
10
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
11
+ 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
+ font-size:142px;
13
+ font-size:var(--rs-super-hero-font-size, 142px);
14
+ font-weight:530;
15
+ font-weight:var(--rs-font-weight-semi-bold, 530);
16
+ line-height:142px;
17
+ line-height:var(--rs-super-hero-line-height, 142px);
16
18
  }
19
+ @media screen and (max-width: 1000px){
20
+ .rs-super-hero{
21
+ --rs-super-hero-font-size:var(--rs-hero-font-size, 72px);
22
+ --rs-super-hero-line-height:var(--rs-hero-line-height, 72px);
23
+ letter-spacing:-0.005em;
24
+ }
25
+ }
17
26
  @media screen and (max-width: 640px){
18
27
  .rs-super-hero{
19
- --rs-super-hero-font-size:42px;
20
- --rs-super-hero-line-height:48px;
21
- letter-spacing:-1px;
28
+ --rs-super-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
29
+ --rs-super-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
30
+ letter-spacing:-0.001em;
22
31
  }
23
32
  }
24
- .rs-reset-gotham-font-style .rs-super-hero{
33
+ .rs-reset-letter-spacing .rs-super-hero{
25
34
  letter-spacing:normal;
26
35
  }
27
36
  .rs-super-hero_theme_dark{
28
37
  color:#FFFFFF;
38
+ color:var(--rs-typography-color-hard, #FFFFFF);
29
39
  }
30
40
  [class*='_theme_dark'] .rs-super-hero_theme_auto{
31
41
  color:#FFFFFF;
42
+ color:var(--rs-typography-color-hard, #FFFFFF);
32
43
  }
33
44
  .rs-digits{
34
- letter-spacing:-3px;
45
+ letter-spacing:-0.005em;
35
46
  font-variant-numeric:tabular-nums;
36
47
  color:#19191C;
37
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
38
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
39
- font-size:43px;
40
- font-size:var(--rs-digits-font-size, 43px);
41
- font-weight:300;
42
- line-height:48px;
43
- line-height:var(--rs-digits-line-height, 48px);
48
+ color:var(--rs-typography-color-hard, #19191C);
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
+ 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
+ font-size:69px;
52
+ font-size:var(--rs-digits-font-size, 69px);
53
+ font-weight:320;
54
+ font-weight:var(--rs-font-weight-light, 320);
55
+ line-height:71px;
56
+ line-height:var(--rs-digits-line-height, 71px);
44
57
  }
45
58
  @media screen and (max-width: 640px){
46
59
  .rs-digits{
47
- --rs-digits-font-size:42px;
48
- --rs-digits-line-height:48px;
49
- letter-spacing:-1px;
60
+ --rs-digits-font-size:var(--rs-digits-font-size-mobile, 40px);
61
+ --rs-digits-line-height:var(--rs-digits-line-height-mobile, 44px);
62
+ letter-spacing:normal;
50
63
  }
51
64
  }
52
- .rs-reset-gotham-font-style .rs-digits{
65
+ .rs-reset-letter-spacing .rs-digits{
53
66
  letter-spacing:normal;
54
67
  }
55
68
  .rs-digits_theme_dark{
56
69
  color:#FFFFFF;
70
+ color:var(--rs-typography-color-hard, #FFFFFF);
57
71
  }
58
72
  [class*='_theme_dark'] .rs-digits_theme_auto{
59
73
  color:#FFFFFF;
74
+ color:var(--rs-typography-color-hard, #FFFFFF);
60
75
  }
61
76
  .rs-hero{
62
- letter-spacing:-2px;
77
+ letter-spacing:-0.005em;
63
78
  color:#19191C;
64
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
65
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
66
- font-size:68px;
67
- font-size:var(--rs-hero-font-size, 68px);
68
- font-weight:500;
79
+ color:var(--rs-typography-color-hard, #19191C);
80
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
81
+ 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
+ font-size:72px;
83
+ font-size:var(--rs-hero-font-size, 72px);
84
+ font-weight:530;
85
+ font-weight:var(--rs-font-weight-semi-bold, 530);
69
86
  line-height:72px;
70
87
  line-height:var(--rs-hero-line-height, 72px);
71
88
  }
72
89
  @media screen and (max-width: 640px){
73
90
  .rs-hero{
74
- --rs-hero-font-size:42px;
75
- --rs-hero-line-height:48px;
76
- letter-spacing:-1px;
91
+ --rs-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
92
+ --rs-hero-line-height:var(--rs-hero-font-size-mobile, 50px);
93
+ letter-spacing:-0.001em;
77
94
  }
78
95
  }
79
- .rs-reset-gotham-font-style .rs-hero{
96
+ .rs-reset-letter-spacing .rs-hero{
80
97
  letter-spacing:normal;
81
98
  }
82
99
  .rs-hero_theme_dark{
83
100
  color:#FFFFFF;
101
+ color:var(--rs-typography-color-hard, #FFFFFF);
84
102
  }
85
103
  [class*='_theme_dark'] .rs-hero_theme_auto{
86
104
  color:#FFFFFF;
105
+ color:var(--rs-typography-color-hard, #FFFFFF);
87
106
  }
88
107
  .rs-subtitle-1{
89
- letter-spacing:-1px;
90
108
  color:#19191C;
91
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
92
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
93
- font-size:43px;
94
- font-size:var(--rs-subtitle-1-font-size, 43px);
95
- font-weight:300;
96
- line-height:48px;
97
- line-height:var(--rs-subtitle-1-line-height, 48px);
109
+ color:var(--rs-typography-color-hard, #19191C);
110
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
111
+ 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
+ font-size:39px;
113
+ font-size:var(--rs-subtitle-1-font-size, 39px);
114
+ font-weight:320;
115
+ font-weight:var(--rs-font-weight-light, 320);
116
+ line-height:49px;
117
+ line-height:var(--rs-subtitle-1-line-height, 49px);
98
118
  }
99
119
  @media screen and (max-width: 640px){
100
120
  .rs-subtitle-1{
101
- --rs-subtitle-1-font-size:24px;
102
- --rs-subtitle-1-line-height:32px;
103
- letter-spacing:normal;
121
+ --rs-subtitle-1-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
122
+ --rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
104
123
  }
105
124
  }
106
- .rs-reset-gotham-font-style .rs-subtitle-1{
107
- letter-spacing:normal;
108
- }
109
125
  .rs-subtitle-1_theme_dark{
110
126
  color:#FFFFFF;
127
+ color:var(--rs-typography-color-hard, #FFFFFF);
111
128
  }
112
129
  [class*='_theme_dark'] .rs-subtitle-1_theme_auto{
113
130
  color:#FFFFFF;
131
+ color:var(--rs-typography-color-hard, #FFFFFF);
114
132
  }
115
133
  .rs-h1{
116
- letter-spacing:-1px;
134
+ letter-spacing:-0.001em;
117
135
  color:#19191C;
118
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
119
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
136
+ color:var(--rs-typography-color-hard, #19191C);
137
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
138
+ 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));
120
139
  font-size:43px;
121
140
  font-size:var(--rs-h1-font-size, 43px);
122
- font-weight:500;
123
- line-height:48px;
124
- line-height:var(--rs-h1-line-height, 48px);
141
+ font-weight:530;
142
+ font-weight:var(--rs-font-weight-semi-bold, 530);
143
+ line-height:49px;
144
+ line-height:var(--rs-h1-line-height, 49px);
125
145
  }
126
146
  @media screen and (max-width: 640px){
127
147
  .rs-h1{
128
- --rs-h1-font-size:36px;
129
- --rs-h1-line-height:44px;
130
- letter-spacing:-0.5px;
131
- }
132
- }
133
- .rs-reset-gotham-font-style .rs-h1{
148
+ --rs-h1-font-size:var(--rs-h1-font-size-mobile, 35px);
149
+ --rs-h1-line-height:var(--rs-h1-line-height-mobile, 39px);
134
150
  letter-spacing:normal;
151
+ }
135
152
  }
136
153
  .rs-h1_theme_dark{
137
154
  color:#FFFFFF;
155
+ color:var(--rs-typography-color-hard, #FFFFFF);
138
156
  }
139
157
  [class*='_theme_dark'] .rs-h1_theme_auto{
140
158
  color:#FFFFFF;
159
+ color:var(--rs-typography-color-hard, #FFFFFF);
141
160
  }
142
161
  .rs-subtitle-2{
143
- letter-spacing:normal;
144
162
  color:#19191C;
145
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
146
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
147
- font-size:31px;
148
- font-size:var(--rs-subtitle-2-font-size, 31px);
149
- font-weight:300;
150
- line-height:40px;
151
- line-height:var(--rs-subtitle-2-line-height, 40px);
163
+ color:var(--rs-typography-color-hard, #19191C);
164
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
165
+ 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
+ font-size:29px;
167
+ font-size:var(--rs-subtitle-2-font-size, 29px);
168
+ font-weight:320;
169
+ font-weight:var(--rs-font-weight-light, 320);
170
+ line-height:39px;
171
+ line-height:var(--rs-subtitle-2-line-height, 39px);
152
172
  }
153
173
  @media screen and (max-width: 640px){
154
174
  .rs-subtitle-2{
155
- --rs-subtitle-2-font-size:24px;
156
- --rs-subtitle-2-line-height:32px;
175
+ --rs-subtitle-2-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
176
+ --rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
157
177
  }
158
178
  }
159
179
  .rs-subtitle-2_theme_dark{
160
180
  color:#FFFFFF;
181
+ color:var(--rs-typography-color-hard, #FFFFFF);
161
182
  }
162
183
  [class*='_theme_dark'] .rs-subtitle-2_theme_auto{
163
184
  color:#FFFFFF;
185
+ color:var(--rs-typography-color-hard, #FFFFFF);
164
186
  }
165
187
  .rs-h2{
166
- letter-spacing:-0.5px;
167
188
  color:#19191C;
168
- font-family:'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
169
- font-family:var(--rs-font-family-gotham, 'Gotham SSm A', 'Gotham SSm B', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
170
- font-size:31px;
171
- font-size:var(--rs-h2-font-size, 31px);
172
- font-weight:500;
173
- line-height:40px;
174
- line-height:var(--rs-h2-line-height, 40px);
189
+ color:var(--rs-typography-color-hard, #19191C);
190
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
191
+ 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
+ font-size:35px;
193
+ font-size:var(--rs-h2-font-size, 35px);
194
+ font-weight:530;
195
+ font-weight:var(--rs-font-weight-semi-bold, 530);
196
+ line-height:42px;
197
+ line-height:var(--rs-h2-line-height, 42px);
175
198
  }
176
199
  @media screen and (max-width: 640px){
177
200
  .rs-h2{
178
- --rs-h2-font-size:24px;
179
- --rs-h2-line-height:32px;
201
+ --rs-h2-font-size:var(--rs-h2-font-size-mobile, 28px);
202
+ --rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
180
203
  }
181
204
  }
182
- .rs-reset-gotham-font-style .rs-h2{
183
- letter-spacing:normal;
184
- }
185
205
  .rs-h2_theme_dark{
186
206
  color:#FFFFFF;
207
+ color:var(--rs-typography-color-hard, #FFFFFF);
187
208
  }
188
209
  [class*='_theme_dark'] .rs-h2_theme_auto{
189
210
  color:#FFFFFF;
211
+ color:var(--rs-typography-color-hard, #FFFFFF);
190
212
  }
191
213
  .rs-h3{
192
214
  letter-spacing:normal;
193
215
  color:#19191C;
194
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
195
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
216
+ color:var(--rs-typography-color-hard, #19191C);
217
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
218
+ 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));
196
219
  font-size:20px;
197
220
  font-size:var(--rs-h3-font-size, 20px);
198
- font-weight:600;
221
+ font-weight:530;
222
+ font-weight:var(--rs-font-weight-semi-bold, 530);
199
223
  line-height:28px;
200
224
  line-height:var(--rs-h3-line-height, 28px);
201
225
  }
202
226
  .rs-h3_theme_dark{
203
227
  color:#FFFFFF;
228
+ color:var(--rs-typography-color-hard, #FFFFFF);
204
229
  }
205
230
  [class*='_theme_dark'] .rs-h3_theme_auto{
206
231
  color:#FFFFFF;
232
+ color:var(--rs-typography-color-hard, #FFFFFF);
207
233
  }
208
234
  .rs-text-1{
209
- letter-spacing:normal;
210
235
  color:rgba(25,25,28,0.7);
211
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
212
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
213
- font-size:20px;
214
- font-size:var(--rs-text-1-font-size, 20px);
215
- font-weight:400;
216
- line-height:32px;
217
- line-height:var(--rs-text-1-line-height, 32px);
236
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
237
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
238
+ 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
+ font-size:19px;
240
+ font-size:var(--rs-text-1-font-size, 19px);
241
+ font-weight:normal;
242
+ line-height:28px;
243
+ line-height:var(--rs-text-1-line-height, 28px);
218
244
  }
219
245
  .rs-text-1_paragraph-offset-auto > p:not(:first-of-type){
220
246
  margin-top:32px;
@@ -222,170 +248,211 @@
222
248
  }
223
249
  .rs-text-1_theme_dark{
224
250
  color:rgba(255,255,255,0.7);
251
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
225
252
  }
226
253
  [class*='_theme_dark'] .rs-text-1_theme_auto{
227
254
  color:rgba(255,255,255,0.7);
255
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
228
256
  }
229
257
  .rs-text-1_hardness_hard{
230
258
  color:#19191C;
259
+ color:var(--rs-typography-color-hard, #19191C);
231
260
  }
232
261
  .rs-text-1_hardness_average{
233
262
  color:rgba(25,25,28,0.7);
263
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
234
264
  }
235
265
  .rs-text-1_hardness_pale{
236
266
  color:rgba(25,25,28,0.5);
267
+ color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
237
268
  }
238
269
  .rs-text-1_theme_dark.rs-text-1_hardness_hard,
239
270
  [class*='_theme_dark'] .rs-text-1_theme_auto.rs-text-1_hardness_hard{
240
271
  color:#FFFFFF;
272
+ color:var(--rs-typography-color-hard, #FFFFFF);
241
273
  }
242
274
  .rs-text-1_theme_dark.rs-text-1_hardness_average,
243
275
  [class*='_theme_dark'] .rs-text-1_theme_auto.rs-text-1_hardness_average{
244
276
  color:rgba(255,255,255,0.7);
277
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
245
278
  }
246
279
  .rs-text-1_theme_dark.rs-text-1_hardness_pale,
247
280
  [class*='_theme_dark'] .rs-text-1_theme_auto.rs-text-1_hardness_pale{
248
281
  color:rgba(255,255,255,0.5);
282
+ color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
249
283
  }
250
284
  .rs-h4{
251
- letter-spacing:normal;
252
285
  color:#19191C;
253
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
254
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
255
- font-size:16px;
256
- font-size:var(--rs-h4-font-size, 16px);
257
- font-weight:600;
286
+ color:var(--rs-typography-color-hard, #19191C);
287
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
288
+ 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
+ font-size:17px;
290
+ font-size:var(--rs-h4-font-size, 17px);
291
+ font-weight:530;
292
+ font-weight:var(--rs-font-weight-semi-bold, 530);
258
293
  line-height:24px;
259
294
  line-height:var(--rs-h4-line-height, 24px);
260
295
  }
261
296
  .rs-h4_theme_dark{
262
297
  color:#FFFFFF;
298
+ color:var(--rs-typography-color-hard, #FFFFFF);
263
299
  }
264
300
  [class*='_theme_dark'] .rs-h4_theme_auto{
265
301
  color:#FFFFFF;
302
+ color:var(--rs-typography-color-hard, #FFFFFF);
266
303
  }
267
304
  .rs-text-2{
268
- letter-spacing:normal;
305
+ letter-spacing:0.0015em;
269
306
  color:rgba(25,25,28,0.7);
270
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
271
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
307
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
308
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
309
+ 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));
272
310
  font-size:16px;
273
311
  font-size:var(--rs-text-2-font-size, 16px);
274
312
  font-weight:400;
275
313
  line-height:24px;
276
314
  line-height:var(--rs-text-2-line-height, 24px);
277
315
  }
316
+ .rs-reset-letter-spacing .rs-text-2{
317
+ letter-spacing:normal;
318
+ }
278
319
  .rs-text-2_paragraph-offset-auto > p:not(:first-of-type){
279
320
  margin-top:16px;
280
321
  margin-top:calc(var(--rs-flow-unit, 8px)*2);
281
322
  }
282
323
  .rs-text-2_theme_dark{
283
324
  color:rgba(255,255,255,0.7);
325
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
284
326
  }
285
327
  [class*='_theme_dark'] .rs-text-2_theme_auto{
286
328
  color:rgba(255,255,255,0.7);
329
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
287
330
  }
288
331
  .rs-text-2_hardness_hard{
289
332
  color:#19191C;
333
+ color:var(--rs-typography-color-hard, #19191C);
290
334
  }
291
335
  .rs-text-2_hardness_average{
292
336
  color:rgba(25,25,28,0.7);
337
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
293
338
  }
294
339
  .rs-text-2_hardness_pale{
295
340
  color:rgba(25,25,28,0.5);
341
+ color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
296
342
  }
297
343
  .rs-text-2_theme_dark.rs-text-2_hardness_hard,
298
344
  [class*='_theme_dark'] .rs-text-2_theme_auto.rs-text-2_hardness_hard{
299
345
  color:#FFFFFF;
346
+ color:var(--rs-typography-color-hard, #FFFFFF);
300
347
  }
301
348
  .rs-text-2_theme_dark.rs-text-2_hardness_average,
302
349
  [class*='_theme_dark'] .rs-text-2_theme_auto.rs-text-2_hardness_average{
303
350
  color:rgba(255,255,255,0.7);
351
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
304
352
  }
305
353
  .rs-text-2_theme_dark.rs-text-2_hardness_pale,
306
354
  [class*='_theme_dark'] .rs-text-2_theme_auto.rs-text-2_hardness_pale{
307
355
  color:rgba(255,255,255,0.5);
356
+ color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
308
357
  }
309
358
  .rs-h5{
310
- letter-spacing:normal;
311
359
  color:#19191C;
312
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
313
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
314
- font-size:13px;
315
- font-size:var(--rs-h5-font-size, 13px);
316
- font-weight:600;
360
+ color:var(--rs-typography-color-hard, #19191C);
361
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
362
+ 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
+ font-size:14px;
364
+ font-size:var(--rs-h5-font-size, 14px);
365
+ font-weight:530;
366
+ font-weight:var(--rs-font-weight-semi-bold, 530);
317
367
  line-height:20px;
318
368
  line-height:var(--rs-h5-line-height, 20px);
319
369
  }
320
370
  .rs-h5_theme_dark{
321
371
  color:#FFFFFF;
372
+ color:var(--rs-typography-color-hard, #FFFFFF);
322
373
  }
323
374
  [class*='_theme_dark'] .rs-h5_theme_auto{
324
375
  color:#FFFFFF;
376
+ color:var(--rs-typography-color-hard, #FFFFFF);
325
377
  }
326
378
  .rs-overline{
327
- letter-spacing:0.2px;
379
+ letter-spacing:0.1em;
328
380
  text-transform:uppercase;
329
381
  color:#19191C;
330
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
331
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
332
- font-size:12px;
333
- font-size:var(--rs-overline-font-size, 12px);
334
- font-weight:bold;
335
- line-height:16px;
336
- line-height:var(--rs-overline-line-height, 16px);
382
+ color:var(--rs-typography-color-hard, #19191C);
383
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
384
+ 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));
385
+ font-size:13px;
386
+ font-size:var(--rs-overline-font-size, 13px);
387
+ font-weight:530;
388
+ font-weight:var(--rs-font-weight-semi-bold, 530);
389
+ line-height:18px;
390
+ line-height:var(--rs-overline-line-height, 18px);
337
391
  }
338
392
  .rs-overline_theme_dark{
339
393
  color:#FFFFFF;
394
+ color:var(--rs-typography-color-hard, #FFFFFF);
340
395
  }
341
396
  [class*='_theme_dark'] .rs-overline_theme_auto{
342
397
  color:#FFFFFF;
398
+ color:var(--rs-typography-color-hard, #FFFFFF);
343
399
  }
344
400
  .rs-text-3{
345
- letter-spacing:normal;
401
+ letter-spacing:0.0045em;
346
402
  color:rgba(25,25,28,0.7);
347
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
348
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
403
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
404
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
405
+ 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));
349
406
  font-size:13px;
350
407
  font-size:var(--rs-text-3-font-size, 13px);
351
- font-weight:400;
352
408
  line-height:20px;
353
409
  line-height:var(--rs-text-3-line-height, 20px);
354
410
  }
411
+ .rs-reset-letter-spacing .rs-text-3{
412
+ letter-spacing:normal;
413
+ }
355
414
  .rs-text-3_paragraph-offset-auto > p:not(:first-of-type){
356
415
  margin-top:8px;
357
416
  margin-top:var(--rs-flow-unit, 8px);
358
417
  }
359
418
  .rs-text-3_theme_dark{
360
419
  color:rgba(255,255,255,0.7);
420
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
361
421
  }
362
422
  [class*='_theme_dark'] .rs-text-3_theme_auto{
363
423
  color:rgba(255,255,255,0.7);
424
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
364
425
  }
365
426
  .rs-text-3_hardness_hard{
366
427
  color:#19191C;
428
+ color:var(--rs-typography-color-hard, #19191C);
367
429
  }
368
430
  .rs-text-3_hardness_average{
369
431
  color:rgba(25,25,28,0.7);
432
+ color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
370
433
  }
371
434
  .rs-text-3_hardness_pale{
372
435
  color:rgba(25,25,28,0.5);
436
+ color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
373
437
  }
374
438
  .rs-text-3_theme_dark.rs-text-3_hardness_hard,
375
439
  [class*='_theme_dark'] .rs-text-3_theme_auto.rs-text-3_hardness_hard{
376
440
  color:#FFFFFF;
441
+ color:var(--rs-typography-color-hard, #FFFFFF);
377
442
  }
378
443
  .rs-text-3_theme_dark.rs-text-3_hardness_average,
379
444
  [class*='_theme_dark'] .rs-text-3_theme_auto.rs-text-3_hardness_average{
380
445
  color:rgba(255,255,255,0.7);
446
+ color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
381
447
  }
382
448
  .rs-text-3_theme_dark.rs-text-3_hardness_pale,
383
449
  [class*='_theme_dark'] .rs-text-3_theme_auto.rs-text-3_hardness_pale{
384
450
  color:rgba(255,255,255,0.5);
451
+ color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
385
452
  }
386
453
  .rs-ul{
387
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
388
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
454
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
455
+ 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));
389
456
  list-style-type:none;
390
457
  padding-left:0;
391
458
  }
@@ -485,8 +552,8 @@
485
552
  content:'•';
486
553
  }
487
554
  .rs-ol{
488
- font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
489
- font-family:var(--rs-font-family-inter, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif);
555
+ font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
556
+ 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));
490
557
  list-style-type:none;
491
558
  padding-left:0;
492
559
  }
@@ -589,14 +656,14 @@
589
656
  padding-left:21px;
590
657
  }
591
658
  .rs-ol > li::before{
592
- content:counter(ol-counter)'.';
659
+ content:counter(ol-counter) '.';
593
660
  counter-increment:ol-counter;
594
661
  }
595
662
  .rs-ol_alpha_lower > li::before{
596
- content:counter(ol-counter,lower-alpha)'.';
663
+ content:counter(ol-counter, lower-alpha) '.';
597
664
  }
598
665
  .rs-ol_alpha_upper > li::before{
599
- content:counter(ol-counter,upper-alpha)'.';
666
+ content:counter(ol-counter, upper-alpha) '.';
600
667
  }
601
668
  .rs-pre{
602
669
  overflow:auto;
@@ -608,10 +675,12 @@
608
675
  word-wrap:normal;
609
676
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
610
677
  font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
611
- font-size:15px;
678
+ font-size:16px;
612
679
  line-height:24px;
613
680
  color:#19191C;
614
- background-color:#E8E8E8;
681
+ color:var(--rs-typography-pre-color, #19191C);
682
+ background-color:rgba(25,25,28,0.1);
683
+ background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
615
684
  border-radius:8px;
616
685
  display:block;
617
686
  }
@@ -637,64 +706,66 @@
637
706
  }
638
707
  .rs-pre_theme_dark{
639
708
  color:rgba(255,255,255,0.7);
640
- background-color:#303033;
709
+ color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
710
+ background-color:rgba(255,255,255,0.1);
711
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
641
712
  }
642
713
  [class*='_theme_dark'] .rs-pre_theme_auto{
643
714
  color:rgba(255,255,255,0.7);
644
- background-color:#303033;
715
+ color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
716
+ background-color:rgba(255,255,255,0.1);
717
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
645
718
  }
646
719
  .rs-code{
647
720
  -webkit-box-sizing:border-box;
648
721
  box-sizing:border-box;
649
- padding:0 6px;
722
+ padding:0.11111em 0.44444em;
650
723
  color:#19191C;
651
- background-color:#E8E8E8;
724
+ color:var(--rs-typography-pre-color, #19191C);
725
+ background-color:rgba(25,25,28,0.1);
726
+ background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
652
727
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
653
728
  font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
654
729
  font-size:90%;
655
730
  line-height:inherit;
656
731
  border-radius:4px;
657
732
  }
658
- .rs-text-2 .rs-code{
659
- padding:0 6px;
660
- }
661
- .rs-text-1 .rs-code{
662
- padding:0 8px;
663
- }
664
733
  .rs-code_theme_dark{
665
734
  color:rgba(255,255,255,0.7);
666
- background-color:#303033;
735
+ color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
736
+ background-color:rgba(255,255,255,0.1);
737
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
667
738
  }
668
739
  [class*='_theme_dark'] .rs-code_theme_auto{
669
740
  color:rgba(255,255,255,0.7);
670
- background-color:#303033;
741
+ color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
742
+ background-color:rgba(255,255,255,0.1);
743
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
671
744
  }
672
- [class*='rs-text'] code{
745
+ [class*='rs-text'] code:not([class*='rs-code']){
673
746
  -webkit-box-sizing:border-box;
674
747
  box-sizing:border-box;
675
- padding:0 6px;
748
+ padding:0.11111em 0.44444em;
676
749
  color:#19191C;
677
- background-color:#E8E8E8;
750
+ color:var(--rs-typography-pre-color, #19191C);
751
+ background-color:rgba(25,25,28,0.1);
752
+ background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
678
753
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
679
754
  font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
680
755
  font-size:90%;
681
756
  line-height:inherit;
682
757
  border-radius:4px;
683
758
  }
684
- .rs-text-2 [class*='rs-text'] code{
685
- padding:0 6px;
686
- }
687
- .rs-text-1 [class*='rs-text'] code{
688
- padding:0 8px;
689
- }
690
759
  [class*='_theme_dark'] code:not([class*='rs-code']){
691
760
  color:rgba(255,255,255,0.7);
692
- background-color:#303033;
761
+ color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
762
+ background-color:rgba(255,255,255,0.1);
763
+ background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
693
764
  }
694
765
  .rs-link{
695
- --rs-link-color:#19191C;
696
- --rs-link-color-hover:#FFFFFF;
697
- --rs-underline-color:#19191C;
766
+ --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);
698
769
  padding-bottom:1px;
699
770
  outline:none;
700
771
  cursor:pointer;
@@ -707,13 +778,15 @@
707
778
  border-bottom:1px solid var(--rs-underline-color);
708
779
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
709
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);
710
783
  background-size:auto 0;
711
784
  background-repeat:repeat-x;
712
785
  background-position:left calc(100% + 4px);
713
786
  -webkit-transition:background-size 300ms, color 300ms;
714
787
  transition:background-size 300ms, color 300ms;
715
788
  }
716
- @media all and (-ms-high-contrast:none){
789
+ @media all and (-ms-high-contrast: none){
717
790
  .rs-link{
718
791
  -webkit-transition:none;
719
792
  transition:none;
@@ -732,8 +805,8 @@
732
805
  }
733
806
  .rs-link:focus[data-focus-method='key']{
734
807
  -webkit-box-shadow:#4597ff 0 0 0 4px;
735
- box-shadow:#4597ff 0 0 0 4px;
736
808
  -webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
809
+ box-shadow:#4597ff 0 0 0 4px;
737
810
  box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
738
811
  }
739
812
  [class*="rs-super-hero"] .rs-link{
@@ -768,12 +841,12 @@
768
841
  .rs-link_external:after{
769
842
  content:'\2197';
770
843
  display:inline;
771
- margin-right:-0.1em;
844
+ margin-right:0;
772
845
  margin-left:0;
773
846
  }
774
847
  .rs-link_mode_standalone{
775
- --rs-link-color-hover:#19191C;
776
- --rs-link-standalone-border-offset:1.3em;
848
+ --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
849
+ --rs-link-standalone-border-offset:1.15em;
777
850
  border-bottom-color:transparent;
778
851
  background-image:none;
779
852
  background-size:initial;
@@ -795,9 +868,9 @@
795
868
  color:var(--rs-link-color-hover);
796
869
  border-bottom-color:#19191C;
797
870
  border-bottom-color:var(--rs-underline-color);
798
- -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.3em), transparent 1.3em) 1;
799
- border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.3em, transparent)) 1;
800
- border-image:linear-gradient(to right, #19191C calc(100% - 1.3em), transparent 1.3em) 1;
871
+ -o-border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
872
+ border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.1em, transparent)) 1;
873
+ border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
801
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;
802
875
  border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
803
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;
@@ -810,14 +883,29 @@
810
883
  [class*="rs-hero"] .rs-link_mode_standalone,
811
884
  [class*="rs-h1"] .rs-link_mode_standalone,
812
885
  [class*="rs-h2"] .rs-link_mode_standalone{
813
- --rs-link-standalone-border-offset:1.15em;
886
+ --rs-link-standalone-border-offset:1.12em;
887
+ }
888
+ [class*="rs-overline"] .rs-link_mode_standalone{
889
+ --rs-link-standalone-border-offset:1.3em;
814
890
  }
891
+ .rs-link_mode_standalone.rs-link_external{
892
+ --rs-link-standalone-border-offset:1.02em;
893
+ }
815
894
  .rs-link_mode_standalone.rs-link_external:after{
816
895
  content:'\2197';
817
896
  }
818
- .rs-link_mode_nude{
819
- --rs-link-color:rgba(25,25,28,0.7);
820
- --rs-link-color-hover:#19191C;
897
+ [class*="rs-super-hero"] .rs-link_mode_standalone.rs-link_external,
898
+ [class*="rs-hero"] .rs-link_mode_standalone.rs-link_external,
899
+ [class*="rs-h1"] .rs-link_mode_standalone.rs-link_external,
900
+ [class*="rs-h2"] .rs-link_mode_standalone.rs-link_external{
901
+ --rs-link-standalone-border-offset:1em;
902
+ }
903
+ [class*="rs-overline"] .rs-link_mode_standalone.rs-link_external{
904
+ --rs-link-standalone-border-offset:1.15em;
905
+ }
906
+ .rs-link_mode_clear{
907
+ --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
908
+ --rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
821
909
  border-bottom-color:transparent;
822
910
  background-image:none;
823
911
  background-size:initial;
@@ -828,29 +916,31 @@
828
916
  color:rgba(25,25,28,0.7);
829
917
  color:var(--rs-link-color);
830
918
  }
831
- .rs-link_mode_nude:hover{
919
+ .rs-link_mode_clear:hover{
832
920
  border-bottom-color:#19191C;
833
921
  border-bottom-color:var(--rs-underline-color);
834
922
  color:#19191C;
835
923
  color:var(--rs-link-color-hover);
836
924
  }
837
925
  .rs-link_hardness_hard{
838
- --rs-link-color:#19191C;
926
+ --rs-link-color:var(--rs-typography-color-hard, #19191C);
839
927
  }
840
928
  .rs-link_hardness_average{
841
- --rs-link-color:rgba(25,25,28,0.7);
929
+ --rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
842
930
  }
843
931
  .rs-link_hardness_pale{
844
- --rs-link-color:rgba(25,25,28,0.5);
932
+ --rs-link-color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
845
933
  }
846
934
  .rs-link_theme_dark{
847
- --rs-link-color:#FFFFFF;
848
- --rs-link-color-hover:#19191C;
849
- --rs-underline-color:#FFFFFF;
935
+ --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);
850
938
  color:#FFFFFF;
851
939
  color:var(--rs-link-color);
852
940
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
853
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);
854
944
  border-bottom-color:#FFFFFF;
855
945
  border-bottom-color:var(--rs-underline-color);
856
946
  }
@@ -865,18 +955,20 @@
865
955
  }
866
956
  .rs-link_theme_dark:focus[data-focus-method='key']{
867
957
  -webkit-box-shadow:#428ad2 0 0 0 4px;
868
- box-shadow:#428ad2 0 0 0 4px;
869
958
  -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
959
+ box-shadow:#428ad2 0 0 0 4px;
870
960
  box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
871
961
  }
872
962
  [class*='_theme_dark'] .rs-link_theme_auto{
873
- --rs-link-color:#FFFFFF;
874
- --rs-link-color-hover:#19191C;
875
- --rs-underline-color:#FFFFFF;
963
+ --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);
876
966
  color:#FFFFFF;
877
967
  color:var(--rs-link-color);
878
968
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
879
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);
880
972
  border-bottom-color:#FFFFFF;
881
973
  border-bottom-color:var(--rs-underline-color);
882
974
  }
@@ -891,13 +983,13 @@
891
983
  }
892
984
  [class*='_theme_dark'] .rs-link_theme_auto:focus[data-focus-method='key']{
893
985
  -webkit-box-shadow:#428ad2 0 0 0 4px;
894
- box-shadow:#428ad2 0 0 0 4px;
895
986
  -webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
987
+ box-shadow:#428ad2 0 0 0 4px;
896
988
  box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
897
989
  }
898
990
  .rs-link_theme_dark.rs-link_mode_standalone,
899
991
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_standalone{
900
- --rs-link-color-hover:#FFFFFF;
992
+ --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
901
993
  background-image:none;
902
994
  border-bottom-color:transparent;
903
995
  }
@@ -913,16 +1005,16 @@
913
1005
  border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
914
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;
915
1007
  }
916
- .rs-link_theme_dark.rs-link_mode_nude,
917
- [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_nude{
918
- --rs-link-color:rgba(255,255,255,0.7);
919
- --rs-link-color-hover:#FFFFFF;
1008
+ .rs-link_theme_dark.rs-link_mode_clear,
1009
+ [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_clear{
1010
+ --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
1011
+ --rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
920
1012
  background-image:none;
921
1013
  border-bottom-color:transparent;
922
1014
  color:rgba(255,255,255,0.7);
923
1015
  color:var(--rs-link-color);
924
1016
  }
925
- .rs-link_theme_dark.rs-link_mode_nude:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_nude:hover{
1017
+ .rs-link_theme_dark.rs-link_mode_clear:hover, [class*='_theme_dark'] .rs-link_theme_auto.rs-link_mode_clear:hover{
926
1018
  border-bottom-color:#FFFFFF;
927
1019
  border-bottom-color:var(--rs-underline-color);
928
1020
  color:#FFFFFF;
@@ -930,15 +1022,13 @@
930
1022
  }
931
1023
  .rs-link_theme_dark.rs-link_hardness_hard,
932
1024
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_hardness_hard{
933
- --rs-link-color:#FFFFFF;
1025
+ --rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
934
1026
  }
935
1027
  .rs-link_theme_dark.rs-link_hardness_average,
936
1028
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_hardness_average{
937
- --rs-link-color:rgba(255,255,255,0.7);
1029
+ --rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
938
1030
  }
939
1031
  .rs-link_theme_dark.rs-link_hardness_pale,
940
1032
  [class*='_theme_dark'] .rs-link_theme_auto.rs-link_hardness_pale{
941
- --rs-link-color:rgba(255,255,255,0.5);
1033
+ --rs-link-color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
942
1034
  }
943
-
944
- /*# sourceMappingURL=index.css.map */