@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.
- package/lib/any.d.ts +1 -0
- package/lib/create-text-cn.d.ts +19 -19
- package/lib/create-text-cn.js +12 -17
- package/lib/font-inter.css +30 -32
- package/lib/font-jb-sans-auto.css +32 -0
- package/lib/font-jb-sans-variable.css +8 -0
- package/lib/font-jb-sans.css +21 -0
- package/lib/hooks.d.ts +5 -5
- package/lib/hooks.js +5 -3
- package/lib/index.css +280 -190
- package/lib/index.d.ts +6 -5
- package/lib/index.js +4 -12
- package/lib/mixins.pcss +278 -196
- package/lib/text-color-utils.d.ts +3 -0
- package/lib/text-color-utils.js +30 -0
- package/package.json +12 -10
- package/CHANGELOG.md +0 -30
- package/lib/create-text-cn.js.map +0 -1
- package/lib/font-inter.css.map +0 -1
- package/lib/hooks.js.map +0 -1
- package/lib/index.css.map +0 -1
- package/lib/index.js.map +0 -1
- package/lib/styles.js +0 -2
- package/lib/styles.js.map +0 -1
package/lib/mixins.pcss
CHANGED
|
@@ -1,230 +1,266 @@
|
|
|
1
|
+
@define-mixin rs-typography-light{
|
|
2
|
+
--rs-typography-color-hard:#19191C;
|
|
3
|
+
--rs-typography-color-average:rgba(25,25,28,0.7);
|
|
4
|
+
--rs-typography-color-pale:rgba(25,25,28,0.5);
|
|
5
|
+
--rs-typography-pre-color:#19191C;
|
|
6
|
+
--rs-typography-pre-bg-color:rgba(25,25,28,0.1);
|
|
7
|
+
--rs-typography-text-link-hover-color:#FFFFFF;
|
|
8
|
+
}
|
|
9
|
+
@define-mixin rs-typography-dark{
|
|
10
|
+
--rs-typography-color-hard:#FFFFFF;
|
|
11
|
+
--rs-typography-color-average:rgba(255,255,255,0.7);
|
|
12
|
+
--rs-typography-color-pale:rgba(255,255,255,0.5);
|
|
13
|
+
--rs-typography-pre-color:rgba(255,255,255,0.7);
|
|
14
|
+
--rs-typography-pre-bg-color:rgba(255,255,255,0.1);
|
|
15
|
+
--rs-typography-text-link-hover-color:#19191C;
|
|
16
|
+
}
|
|
1
17
|
@define-mixin rs-font-smoothing{
|
|
2
18
|
text-rendering:optimizeLegibility;
|
|
3
19
|
-webkit-font-smoothing:antialiased;
|
|
4
20
|
-moz-osx-font-smoothing:grayscale;
|
|
5
21
|
}
|
|
6
22
|
@define-mixin rs-super-hero{
|
|
7
|
-
letter-spacing:-
|
|
23
|
+
letter-spacing:-0.02em;
|
|
8
24
|
|
|
9
25
|
color:#19191C;
|
|
10
26
|
|
|
11
|
-
|
|
27
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
28
|
+
|
|
29
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
30
|
+
|
|
31
|
+
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));
|
|
32
|
+
|
|
33
|
+
font-size:142px;
|
|
12
34
|
|
|
13
|
-
font-
|
|
35
|
+
font-size:var(--rs-super-hero-font-size, 142px);
|
|
36
|
+
font-weight:530;
|
|
37
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
14
38
|
|
|
15
|
-
|
|
39
|
+
line-height:142px;
|
|
16
40
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
41
|
+
line-height:var(--rs-super-hero-line-height, 142px);
|
|
42
|
+
|
|
43
|
+
@media screen and (max-width: 1000px){
|
|
44
|
+
--rs-super-hero-font-size:var(--rs-hero-font-size, 72px);
|
|
45
|
+
--rs-super-hero-line-height:var(--rs-hero-line-height, 72px);
|
|
46
|
+
letter-spacing:-0.005em;
|
|
47
|
+
}
|
|
21
48
|
|
|
22
49
|
@media screen and (max-width: 640px){
|
|
23
|
-
--rs-super-hero-font-size:42px;
|
|
24
|
-
--rs-super-hero-line-height:
|
|
25
|
-
letter-spacing:-
|
|
50
|
+
--rs-super-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
|
|
51
|
+
--rs-super-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
|
|
52
|
+
letter-spacing:-0.001em;
|
|
26
53
|
}
|
|
27
54
|
|
|
28
|
-
.rs-reset-
|
|
55
|
+
.rs-reset-letter-spacing &{
|
|
29
56
|
letter-spacing:normal;
|
|
30
57
|
}
|
|
31
58
|
}
|
|
32
59
|
@define-mixin rs-super-hero-theme-dark{
|
|
33
60
|
color:#FFFFFF;
|
|
61
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
34
62
|
}
|
|
35
63
|
@define-mixin rs-super-hero-offset-top{
|
|
36
64
|
margin-top:96px;
|
|
37
65
|
margin-top:calc(var(--rs-flow-unit, 8px)*12);
|
|
38
66
|
}
|
|
39
67
|
@define-mixin rs-digits{
|
|
40
|
-
letter-spacing:-
|
|
68
|
+
letter-spacing:-0.005em;
|
|
41
69
|
|
|
42
70
|
font-variant-numeric:tabular-nums;
|
|
43
71
|
|
|
44
72
|
color:#19191C;
|
|
45
73
|
|
|
46
|
-
|
|
74
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
47
75
|
|
|
48
|
-
font-family:
|
|
76
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
49
77
|
|
|
50
|
-
font-
|
|
78
|
+
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
79
|
|
|
52
|
-
font-size:
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
80
|
+
font-size:69px;
|
|
81
|
+
|
|
82
|
+
font-size:var(--rs-digits-font-size, 69px);
|
|
83
|
+
font-weight:320;
|
|
84
|
+
font-weight:var(--rs-font-weight-light, 320);
|
|
85
|
+
line-height:71px;
|
|
86
|
+
line-height:var(--rs-digits-line-height, 71px);
|
|
56
87
|
|
|
57
88
|
@media screen and (max-width: 640px){
|
|
58
|
-
--rs-digits-font-size:
|
|
59
|
-
--rs-digits-line-height:
|
|
60
|
-
letter-spacing
|
|
89
|
+
--rs-digits-font-size:var(--rs-digits-font-size-mobile, 40px);
|
|
90
|
+
--rs-digits-line-height:var(--rs-digits-line-height-mobile, 44px);
|
|
91
|
+
letter-spacing:normal;
|
|
61
92
|
}
|
|
62
93
|
|
|
63
|
-
.rs-reset-
|
|
94
|
+
.rs-reset-letter-spacing &{
|
|
64
95
|
letter-spacing:normal;
|
|
65
96
|
}
|
|
66
97
|
}
|
|
67
98
|
@define-mixin rs-digits-theme-dark{
|
|
68
99
|
color:#FFFFFF;
|
|
100
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
69
101
|
}
|
|
70
102
|
@define-mixin rs-digits-offset-top{
|
|
71
103
|
margin-top:32px;
|
|
72
104
|
margin-top:calc(var(--rs-flow-unit, 8px)*4);
|
|
73
105
|
}
|
|
74
106
|
@define-mixin rs-hero{
|
|
75
|
-
letter-spacing:-
|
|
107
|
+
letter-spacing:-0.005em;
|
|
76
108
|
|
|
77
109
|
color:#19191C;
|
|
78
110
|
|
|
79
|
-
|
|
111
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
112
|
+
|
|
113
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
114
|
+
|
|
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));
|
|
80
116
|
|
|
81
|
-
font-
|
|
117
|
+
font-size:72px;
|
|
82
118
|
|
|
83
|
-
font-size:
|
|
119
|
+
font-size:var(--rs-hero-font-size, 72px);
|
|
120
|
+
font-weight:530;
|
|
121
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
84
122
|
|
|
85
|
-
font-size:var(--rs-hero-font-size, 68px);
|
|
86
|
-
font-weight:500;
|
|
87
123
|
line-height:72px;
|
|
124
|
+
|
|
88
125
|
line-height:var(--rs-hero-line-height, 72px);
|
|
89
126
|
|
|
90
127
|
@media screen and (max-width: 640px){
|
|
91
|
-
--rs-hero-font-size:42px;
|
|
92
|
-
--rs-hero-line-height:
|
|
93
|
-
letter-spacing:-
|
|
128
|
+
--rs-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
|
|
129
|
+
--rs-hero-line-height:var(--rs-hero-font-size-mobile, 50px);
|
|
130
|
+
letter-spacing:-0.001em;
|
|
94
131
|
}
|
|
95
132
|
|
|
96
|
-
.rs-reset-
|
|
133
|
+
.rs-reset-letter-spacing &{
|
|
97
134
|
letter-spacing:normal;
|
|
98
135
|
}
|
|
99
136
|
}
|
|
100
137
|
@define-mixin rs-hero-theme-dark{
|
|
101
138
|
color:#FFFFFF;
|
|
139
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
102
140
|
}
|
|
103
141
|
@define-mixin rs-hero-offset-top{
|
|
104
142
|
margin-top:96px;
|
|
105
143
|
margin-top:calc(var(--rs-flow-unit, 8px)*12);
|
|
106
144
|
}
|
|
107
145
|
@define-mixin rs-subtitle-1{
|
|
108
|
-
letter-spacing:-1px;
|
|
109
146
|
|
|
110
147
|
color:#19191C;
|
|
111
148
|
|
|
112
|
-
|
|
149
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
113
150
|
|
|
114
|
-
font-family:
|
|
151
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
115
152
|
|
|
116
|
-
font-
|
|
153
|
+
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));
|
|
117
154
|
|
|
118
|
-
font-size:
|
|
119
|
-
font-weight:300;
|
|
120
|
-
line-height:48px;
|
|
121
|
-
line-height:var(--rs-subtitle-1-line-height, 48px);
|
|
155
|
+
font-size:39px;
|
|
122
156
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
157
|
+
font-size:var(--rs-subtitle-1-font-size, 39px);
|
|
158
|
+
font-weight:320;
|
|
159
|
+
font-weight:var(--rs-font-weight-light, 320);
|
|
160
|
+
line-height:49px;
|
|
161
|
+
line-height:var(--rs-subtitle-1-line-height, 49px);
|
|
128
162
|
|
|
129
|
-
|
|
130
|
-
|
|
163
|
+
@media screen and (max-width: 640px){
|
|
164
|
+
--rs-subtitle-1-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
|
|
165
|
+
--rs-subtitle-1-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
|
|
131
166
|
}
|
|
132
167
|
}
|
|
133
168
|
@define-mixin rs-subtitle-1-theme-dark{
|
|
134
169
|
color:#FFFFFF;
|
|
170
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
135
171
|
}
|
|
136
172
|
@define-mixin rs-subtitle-1-offset-top{
|
|
137
173
|
margin-top:32px;
|
|
138
174
|
margin-top:calc(var(--rs-flow-unit, 8px)*4);
|
|
139
175
|
}
|
|
140
176
|
@define-mixin rs-h1{
|
|
141
|
-
letter-spacing:-
|
|
142
|
-
|
|
177
|
+
letter-spacing:-0.001em;
|
|
143
178
|
color:#19191C;
|
|
179
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
144
180
|
|
|
145
|
-
font-family:'
|
|
181
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
146
182
|
|
|
147
|
-
font-family:var(--rs-font-family-
|
|
183
|
+
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));
|
|
148
184
|
|
|
149
185
|
font-size:43px;
|
|
150
186
|
|
|
151
187
|
font-size:var(--rs-h1-font-size, 43px);
|
|
152
|
-
font-weight:
|
|
153
|
-
|
|
154
|
-
line-height:var(--rs-h1-line-height, 48px);
|
|
188
|
+
font-weight:530;
|
|
189
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
155
190
|
|
|
156
|
-
|
|
157
|
-
--rs-h1-font-size:36px;
|
|
158
|
-
--rs-h1-line-height:44px;
|
|
159
|
-
letter-spacing:-0.5px;
|
|
160
|
-
}
|
|
191
|
+
line-height:49px;
|
|
161
192
|
|
|
162
|
-
|
|
193
|
+
line-height:var(--rs-h1-line-height, 49px);
|
|
194
|
+
|
|
195
|
+
@media screen and (max-width: 640px){
|
|
196
|
+
--rs-h1-font-size:var(--rs-h1-font-size-mobile, 35px);
|
|
197
|
+
--rs-h1-line-height:var(--rs-h1-line-height-mobile, 39px);
|
|
163
198
|
letter-spacing:normal;
|
|
164
199
|
}
|
|
165
200
|
}
|
|
166
201
|
@define-mixin rs-h1-theme-dark{
|
|
167
202
|
color:#FFFFFF;
|
|
203
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
168
204
|
}
|
|
169
205
|
@define-mixin rs-h1-offset-top{
|
|
170
206
|
margin-top:64px;
|
|
171
207
|
margin-top:calc(var(--rs-flow-unit, 8px)*8);
|
|
172
208
|
}
|
|
173
209
|
@define-mixin rs-subtitle-2{
|
|
174
|
-
letter-spacing:normal;
|
|
175
|
-
|
|
176
210
|
color:#19191C;
|
|
211
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
177
212
|
|
|
178
|
-
font-family:'
|
|
213
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
179
214
|
|
|
180
|
-
font-family:var(--rs-font-family-
|
|
215
|
+
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));
|
|
181
216
|
|
|
182
|
-
font-size:
|
|
217
|
+
font-size:29px;
|
|
183
218
|
|
|
184
|
-
font-size:var(--rs-subtitle-2-font-size,
|
|
185
|
-
font-weight:
|
|
186
|
-
|
|
187
|
-
line-height:
|
|
219
|
+
font-size:var(--rs-subtitle-2-font-size, 29px);
|
|
220
|
+
font-weight:320;
|
|
221
|
+
font-weight:var(--rs-font-weight-light, 320);
|
|
222
|
+
line-height:39px;
|
|
223
|
+
line-height:var(--rs-subtitle-2-line-height, 39px);
|
|
188
224
|
|
|
189
225
|
@media screen and (max-width: 640px){
|
|
190
|
-
--rs-subtitle-2-font-size:
|
|
191
|
-
--rs-subtitle-2-line-height:
|
|
226
|
+
--rs-subtitle-2-font-size:var(--rs-subtitle-2-font-size-mobile, 23px);
|
|
227
|
+
--rs-subtitle-2-line-height:var(--rs-subtitle-2-line-height-mobile, 30px);
|
|
192
228
|
}
|
|
193
229
|
}
|
|
194
230
|
@define-mixin rs-subtitle-2-theme-dark{
|
|
195
231
|
color:#FFFFFF;
|
|
232
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
196
233
|
}
|
|
197
234
|
@define-mixin rs-subtitle-2-offset-top{
|
|
198
235
|
margin-top:32px;
|
|
199
236
|
margin-top:calc(var(--rs-flow-unit, 8px)*4);
|
|
200
237
|
}
|
|
201
238
|
@define-mixin rs-h2{
|
|
202
|
-
letter-spacing:-0.5px;
|
|
203
|
-
|
|
204
239
|
color:#19191C;
|
|
240
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
205
241
|
|
|
206
|
-
font-family:'
|
|
242
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
207
243
|
|
|
208
|
-
font-family:var(--rs-font-family-
|
|
244
|
+
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));
|
|
209
245
|
|
|
210
|
-
font-size:
|
|
246
|
+
font-size:35px;
|
|
211
247
|
|
|
212
|
-
font-size:var(--rs-h2-font-size,
|
|
213
|
-
font-weight:
|
|
214
|
-
|
|
215
|
-
line-height:var(--rs-h2-line-height, 40px);
|
|
248
|
+
font-size:var(--rs-h2-font-size, 35px);
|
|
249
|
+
font-weight:530;
|
|
250
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
216
251
|
|
|
217
|
-
|
|
218
|
-
--rs-h2-font-size:24px;
|
|
219
|
-
--rs-h2-line-height:32px;
|
|
220
|
-
}
|
|
252
|
+
line-height:42px;
|
|
221
253
|
|
|
222
|
-
|
|
223
|
-
|
|
254
|
+
line-height:var(--rs-h2-line-height, 42px);
|
|
255
|
+
|
|
256
|
+
@media screen and (max-width: 640px){
|
|
257
|
+
--rs-h2-font-size:var(--rs-h2-font-size-mobile, 28px);
|
|
258
|
+
--rs-h2-line-height:var(--rs-h2-line-height-mobile, 32px);
|
|
224
259
|
}
|
|
225
260
|
}
|
|
226
261
|
@define-mixin rs-h2-theme-dark{
|
|
227
262
|
color:#FFFFFF;
|
|
263
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
228
264
|
}
|
|
229
265
|
@define-mixin rs-h2-offset-top{
|
|
230
266
|
margin-top:48px;
|
|
@@ -235,19 +271,23 @@
|
|
|
235
271
|
|
|
236
272
|
color:#19191C;
|
|
237
273
|
|
|
238
|
-
|
|
274
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
239
275
|
|
|
240
|
-
font-family:
|
|
276
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
277
|
+
|
|
278
|
+
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));
|
|
241
279
|
|
|
242
280
|
font-size:20px;
|
|
243
281
|
|
|
244
282
|
font-size:var(--rs-h3-font-size, 20px);
|
|
245
|
-
font-weight:
|
|
283
|
+
font-weight:530;
|
|
284
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
246
285
|
line-height:28px;
|
|
247
286
|
line-height:var(--rs-h3-line-height, 28px);
|
|
248
287
|
}
|
|
249
288
|
@define-mixin rs-h3-theme-dark{
|
|
250
289
|
color:#FFFFFF;
|
|
290
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
251
291
|
}
|
|
252
292
|
@define-mixin rs-h3-offset-top{
|
|
253
293
|
margin-top:32px;
|
|
@@ -255,76 +295,87 @@
|
|
|
255
295
|
}
|
|
256
296
|
@define-mixin rs-text-hardness-hard{
|
|
257
297
|
color:#19191C;
|
|
258
|
-
|
|
259
|
-
@define-mixin rs-text-hardness-hard-theme-dark{
|
|
260
|
-
color:#FFFFFF;
|
|
298
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
261
299
|
}
|
|
262
300
|
@define-mixin rs-text-hardness-average{
|
|
263
301
|
color:rgba(25,25,28,0.7);
|
|
264
|
-
|
|
265
|
-
@define-mixin rs-text-hardness-average-theme-dark{
|
|
266
|
-
color:rgba(255,255,255,0.7);
|
|
302
|
+
color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
|
|
267
303
|
}
|
|
268
304
|
@define-mixin rs-text-hardness-pale{
|
|
269
305
|
color:rgba(25,25,28,0.5);
|
|
306
|
+
color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
|
|
307
|
+
}
|
|
308
|
+
@define-mixin rs-text-hardness-hard-theme-dark{
|
|
309
|
+
color:#FFFFFF;
|
|
310
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
311
|
+
}
|
|
312
|
+
@define-mixin rs-text-hardness-average-theme-dark{
|
|
313
|
+
color:rgba(255,255,255,0.7);
|
|
314
|
+
color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
|
|
270
315
|
}
|
|
271
316
|
@define-mixin rs-text-hardness-pale-theme-dark{
|
|
272
317
|
color:rgba(255,255,255,0.5);
|
|
318
|
+
color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
|
|
273
319
|
}
|
|
274
320
|
@define-mixin rs-text-1{
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
@mixin rs-text-hardness-average;
|
|
321
|
+
color:rgba(25,25,28,0.7);
|
|
322
|
+
color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
|
|
278
323
|
|
|
279
|
-
font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
324
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
280
325
|
|
|
281
|
-
font-family:var(--rs-font-family-
|
|
326
|
+
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));
|
|
282
327
|
|
|
283
|
-
font-size:
|
|
328
|
+
font-size:19px;
|
|
284
329
|
|
|
285
|
-
font-size:var(--rs-text-1-font-size,
|
|
286
|
-
font-weight:
|
|
287
|
-
line-height:
|
|
288
|
-
line-height:var(--rs-text-1-line-height,
|
|
330
|
+
font-size:var(--rs-text-1-font-size, 19px);
|
|
331
|
+
font-weight:normal;
|
|
332
|
+
line-height:28px;
|
|
333
|
+
line-height:var(--rs-text-1-line-height, 28px);
|
|
289
334
|
}
|
|
290
335
|
@define-mixin rs-text-1-theme-dark{
|
|
291
|
-
|
|
336
|
+
color:rgba(255,255,255,0.7);
|
|
337
|
+
color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
|
|
292
338
|
}
|
|
293
339
|
@define-mixin rs-text-1-offset-top{
|
|
294
340
|
margin-top:32px;
|
|
295
341
|
margin-top:calc(var(--rs-flow-unit, 8px)*4);
|
|
296
342
|
}
|
|
297
343
|
@define-mixin rs-h4{
|
|
298
|
-
letter-spacing:normal;
|
|
299
|
-
|
|
300
344
|
color:#19191C;
|
|
345
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
301
346
|
|
|
302
|
-
font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
347
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
303
348
|
|
|
304
|
-
font-family:var(--rs-font-family-
|
|
349
|
+
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));
|
|
305
350
|
|
|
306
|
-
font-size:
|
|
351
|
+
font-size:17px;
|
|
352
|
+
|
|
353
|
+
font-size:var(--rs-h4-font-size, 17px);
|
|
354
|
+
font-weight:530;
|
|
355
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
307
356
|
|
|
308
|
-
font-size:var(--rs-h4-font-size, 16px);
|
|
309
|
-
font-weight:600;
|
|
310
357
|
line-height:24px;
|
|
358
|
+
|
|
311
359
|
line-height:var(--rs-h4-line-height, 24px);
|
|
312
360
|
}
|
|
313
361
|
@define-mixin rs-h4-theme-dark{
|
|
314
362
|
color:#FFFFFF;
|
|
363
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
315
364
|
}
|
|
316
365
|
@define-mixin rs-h4-offset-top{
|
|
317
366
|
margin-top:16px;
|
|
318
367
|
margin-top:calc(var(--rs-flow-unit, 8px)*2);
|
|
319
368
|
}
|
|
320
369
|
@define-mixin rs-text-2{
|
|
321
|
-
letter-spacing:
|
|
370
|
+
letter-spacing:0.0015em;
|
|
322
371
|
|
|
323
|
-
|
|
372
|
+
color:rgba(25,25,28,0.7);
|
|
324
373
|
|
|
325
|
-
|
|
374
|
+
color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
|
|
326
375
|
|
|
327
|
-
font-family:
|
|
376
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
377
|
+
|
|
378
|
+
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));
|
|
328
379
|
|
|
329
380
|
font-size:16px;
|
|
330
381
|
|
|
@@ -332,80 +383,102 @@
|
|
|
332
383
|
font-weight:400;
|
|
333
384
|
line-height:24px;
|
|
334
385
|
line-height:var(--rs-text-2-line-height, 24px);
|
|
386
|
+
|
|
387
|
+
.rs-reset-letter-spacing &{
|
|
388
|
+
letter-spacing:normal;
|
|
389
|
+
}
|
|
335
390
|
}
|
|
336
391
|
@define-mixin rs-text-2-theme-dark{
|
|
337
|
-
|
|
392
|
+
color:rgba(255,255,255,0.7);
|
|
393
|
+
color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
|
|
338
394
|
}
|
|
339
395
|
@define-mixin rs-text-2-offset-top{
|
|
340
396
|
margin-top:16px;
|
|
341
397
|
margin-top:calc(var(--rs-flow-unit, 8px)*2);
|
|
342
398
|
}
|
|
343
399
|
@define-mixin rs-h5{
|
|
344
|
-
letter-spacing:normal;
|
|
345
400
|
|
|
346
401
|
color:#19191C;
|
|
347
402
|
|
|
348
|
-
|
|
403
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
349
404
|
|
|
350
|
-
font-family:
|
|
405
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
351
406
|
|
|
352
|
-
font-
|
|
407
|
+
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));
|
|
408
|
+
|
|
409
|
+
font-size:14px;
|
|
410
|
+
|
|
411
|
+
font-size:var(--rs-h5-font-size, 14px);
|
|
412
|
+
font-weight:530;
|
|
413
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
353
414
|
|
|
354
|
-
font-size:var(--rs-h5-font-size, 13px);
|
|
355
|
-
font-weight:600;
|
|
356
415
|
line-height:20px;
|
|
416
|
+
|
|
357
417
|
line-height:var(--rs-h5-line-height, 20px);
|
|
358
418
|
}
|
|
359
419
|
@define-mixin rs-h5-theme-dark{
|
|
360
420
|
color:#FFFFFF;
|
|
421
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
361
422
|
}
|
|
362
423
|
@define-mixin rs-h5-offset-top{
|
|
363
424
|
margin-top:16px;
|
|
364
425
|
margin-top:calc(var(--rs-flow-unit, 8px)*2);
|
|
365
426
|
}
|
|
366
427
|
@define-mixin rs-overline{
|
|
367
|
-
letter-spacing:0.
|
|
428
|
+
letter-spacing:0.1em;
|
|
368
429
|
|
|
369
430
|
text-transform:uppercase;
|
|
370
431
|
|
|
371
432
|
color:#19191C;
|
|
372
433
|
|
|
373
|
-
|
|
434
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
374
435
|
|
|
375
|
-
font-family:
|
|
436
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
376
437
|
|
|
377
|
-
font-
|
|
438
|
+
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));
|
|
378
439
|
|
|
379
|
-
font-size:
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
440
|
+
font-size:13px;
|
|
441
|
+
|
|
442
|
+
font-size:var(--rs-overline-font-size, 13px);
|
|
443
|
+
font-weight:530;
|
|
444
|
+
font-weight:var(--rs-font-weight-semi-bold, 530);
|
|
445
|
+
|
|
446
|
+
line-height:18px;
|
|
447
|
+
|
|
448
|
+
line-height:var(--rs-overline-line-height, 18px);
|
|
383
449
|
}
|
|
384
450
|
@define-mixin rs-overline-theme-dark{
|
|
385
451
|
color:#FFFFFF;
|
|
452
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
386
453
|
}
|
|
387
454
|
@define-mixin rs-overline-offset-top{
|
|
388
455
|
margin-top:16px;
|
|
389
456
|
margin-top:calc(var(--rs-flow-unit, 8px)*2);
|
|
390
457
|
}
|
|
391
458
|
@define-mixin rs-text-3{
|
|
392
|
-
letter-spacing:
|
|
459
|
+
letter-spacing:0.0045em;
|
|
460
|
+
|
|
461
|
+
color:rgba(25,25,28,0.7);
|
|
393
462
|
|
|
394
|
-
|
|
463
|
+
color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
|
|
395
464
|
|
|
396
|
-
font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
465
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
397
466
|
|
|
398
|
-
font-family:var(--rs-font-family-
|
|
467
|
+
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));
|
|
399
468
|
|
|
400
469
|
font-size:13px;
|
|
401
470
|
|
|
402
471
|
font-size:var(--rs-text-3-font-size, 13px);
|
|
403
|
-
font-weight:400;
|
|
404
472
|
line-height:20px;
|
|
405
473
|
line-height:var(--rs-text-3-line-height, 20px);
|
|
474
|
+
|
|
475
|
+
.rs-reset-letter-spacing &{
|
|
476
|
+
letter-spacing:normal;
|
|
477
|
+
}
|
|
406
478
|
}
|
|
407
479
|
@define-mixin rs-text-3-theme-dark{
|
|
408
|
-
|
|
480
|
+
color:rgba(255,255,255,0.7);
|
|
481
|
+
color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
|
|
409
482
|
}
|
|
410
483
|
@define-mixin rs-text-3-offset-top{
|
|
411
484
|
margin-top:8px;
|
|
@@ -471,8 +544,8 @@
|
|
|
471
544
|
}
|
|
472
545
|
}
|
|
473
546
|
@define-mixin rs-core-list{
|
|
474
|
-
font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
475
|
-
font-family:var(--rs-font-family-
|
|
547
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
548
|
+
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));
|
|
476
549
|
list-style-type:none;
|
|
477
550
|
padding-left:0;
|
|
478
551
|
@mixin rs-core-list-offset-items-16;
|
|
@@ -578,18 +651,18 @@
|
|
|
578
651
|
}
|
|
579
652
|
|
|
580
653
|
> li::before{
|
|
581
|
-
content:counter(ol-counter)'.';
|
|
654
|
+
content:counter(ol-counter) '.';
|
|
582
655
|
counter-increment:ol-counter;
|
|
583
656
|
}
|
|
584
657
|
}
|
|
585
658
|
@define-mixin rs-ol-alpha-lower{
|
|
586
659
|
> li::before{
|
|
587
|
-
content:counter(ol-counter,lower-alpha)'.';
|
|
660
|
+
content:counter(ol-counter, lower-alpha) '.';
|
|
588
661
|
}
|
|
589
662
|
}
|
|
590
663
|
@define-mixin rs-ol-alpha-upper{
|
|
591
664
|
> li::before{
|
|
592
|
-
content:counter(ol-counter,upper-alpha)'.';
|
|
665
|
+
content:counter(ol-counter, upper-alpha) '.';
|
|
593
666
|
}
|
|
594
667
|
}
|
|
595
668
|
@define-mixin rs-pre-child-code-direct{
|
|
@@ -634,10 +707,12 @@
|
|
|
634
707
|
|
|
635
708
|
font-family:var(--rs-font-family-mono, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace);
|
|
636
709
|
|
|
637
|
-
font-size:
|
|
710
|
+
font-size:16px;
|
|
638
711
|
line-height:24px;
|
|
639
712
|
color:#19191C;
|
|
640
|
-
|
|
713
|
+
color:var(--rs-typography-pre-color, #19191C);
|
|
714
|
+
background-color:rgba(25,25,28,0.1);
|
|
715
|
+
background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
|
|
641
716
|
border-radius:8px;
|
|
642
717
|
|
|
643
718
|
display:block;
|
|
@@ -654,24 +729,23 @@
|
|
|
654
729
|
}
|
|
655
730
|
@define-mixin rs-pre-theme-dark{
|
|
656
731
|
color:rgba(255,255,255,0.7);
|
|
657
|
-
|
|
732
|
+
color:var(--rs-typography-pre-color, rgba(255,255,255,0.7));
|
|
733
|
+
background-color:rgba(255,255,255,0.1);
|
|
734
|
+
background-color:var(--rs-typography-pre-bg-color, rgba(255,255,255,0.1));
|
|
658
735
|
}
|
|
659
736
|
@define-mixin rs-pre-offset-top{
|
|
660
737
|
margin-top:16px;
|
|
661
738
|
}
|
|
662
|
-
@define-mixin rs-code-text-1{
|
|
663
|
-
padding:0 8px;
|
|
664
|
-
}
|
|
665
|
-
@define-mixin rs-code-text-2{
|
|
666
|
-
padding:0 6px;
|
|
667
|
-
}
|
|
668
739
|
@define-mixin rs-code{
|
|
669
740
|
-webkit-box-sizing:border-box;
|
|
670
741
|
box-sizing:border-box;
|
|
671
|
-
|
|
742
|
+
padding:0.11111em 0.44444em;
|
|
672
743
|
|
|
673
744
|
color:#19191C;
|
|
674
|
-
|
|
745
|
+
|
|
746
|
+
color:var(--rs-typography-pre-color, #19191C);
|
|
747
|
+
background-color:rgba(25,25,28,0.1);
|
|
748
|
+
background-color:var(--rs-typography-pre-bg-color, rgba(25,25,28,0.1));
|
|
675
749
|
|
|
676
750
|
font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
677
751
|
|
|
@@ -681,32 +755,26 @@
|
|
|
681
755
|
line-height:inherit;
|
|
682
756
|
|
|
683
757
|
border-radius:4px;
|
|
684
|
-
|
|
685
|
-
.rs-text-2 &{
|
|
686
|
-
@mixin rs-code-text-2;
|
|
687
|
-
}
|
|
688
|
-
|
|
689
|
-
.rs-text-1 &{
|
|
690
|
-
@mixin rs-code-text-1;
|
|
691
|
-
}
|
|
692
758
|
}
|
|
693
759
|
@define-mixin rs-code-theme-dark{
|
|
694
760
|
color:rgba(255,255,255,0.7);
|
|
695
|
-
|
|
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));
|
|
696
764
|
}
|
|
697
765
|
@define-mixin rs-link-hardness-hard{
|
|
698
|
-
--rs-link-color
|
|
766
|
+
--rs-link-color:var(--rs-typography-color-hard, #19191C);
|
|
699
767
|
}
|
|
700
768
|
@define-mixin rs-link-hardness-average{
|
|
701
|
-
--rs-link-color:rgba(25,25,28,0.7);
|
|
769
|
+
--rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
|
|
702
770
|
}
|
|
703
771
|
@define-mixin rs-link-hardness-pale{
|
|
704
|
-
--rs-link-color:rgba(25,25,28,0.5);
|
|
772
|
+
--rs-link-color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
|
|
705
773
|
}
|
|
706
774
|
@define-mixin rs-link{
|
|
707
|
-
--rs-link-color
|
|
708
|
-
--rs-link-color-hover
|
|
709
|
-
--rs-underline-color
|
|
775
|
+
--rs-link-color:var(--rs-typography-color-hard, #19191C);
|
|
776
|
+
--rs-link-color-hover:var(--rs-typography-text-link-hover-color, #FFFFFF);
|
|
777
|
+
--rs-underline-color:var(--rs-typography-color-hard, #19191C);
|
|
710
778
|
|
|
711
779
|
padding-bottom:1px;
|
|
712
780
|
|
|
@@ -725,12 +793,14 @@
|
|
|
725
793
|
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #19191C), color-stop(0, transparent));
|
|
726
794
|
|
|
727
795
|
background-image:linear-gradient(to bottom, #19191C 100%, transparent 0);
|
|
796
|
+
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
|
|
797
|
+
background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
|
|
728
798
|
background-size:auto 0;
|
|
729
799
|
background-repeat:repeat-x;
|
|
730
800
|
background-position:left calc(100% + 4px);
|
|
731
801
|
-webkit-transition:background-size 300ms, color 300ms;
|
|
732
802
|
transition:background-size 300ms, color 300ms;
|
|
733
|
-
@media all and (-ms-high-contrast:none){
|
|
803
|
+
@media all and (-ms-high-contrast: none){
|
|
734
804
|
-webkit-transition:none;
|
|
735
805
|
transition:none;
|
|
736
806
|
}
|
|
@@ -750,8 +820,8 @@
|
|
|
750
820
|
|
|
751
821
|
&:focus[data-focus-method='key']{
|
|
752
822
|
-webkit-box-shadow:#4597ff 0 0 0 4px;
|
|
753
|
-
box-shadow:#4597ff 0 0 0 4px;
|
|
754
823
|
-webkit-box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
|
|
824
|
+
box-shadow:#4597ff 0 0 0 4px;
|
|
755
825
|
box-shadow:var(--rs-color-primary-dim-light-theme, #4597ff) 0 0 0 4px;
|
|
756
826
|
}
|
|
757
827
|
|
|
@@ -778,13 +848,13 @@
|
|
|
778
848
|
&:after{
|
|
779
849
|
content:'\2197';
|
|
780
850
|
display:inline;
|
|
781
|
-
margin-right
|
|
851
|
+
margin-right:0;
|
|
782
852
|
margin-left:0;
|
|
783
853
|
}
|
|
784
854
|
}
|
|
785
855
|
@define-mixin rs-link-mode-standalone{
|
|
786
|
-
--rs-link-color-hover
|
|
787
|
-
--rs-link-standalone-border-offset:1.
|
|
856
|
+
--rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
|
|
857
|
+
--rs-link-standalone-border-offset:1.15em;
|
|
788
858
|
border-bottom-color:transparent;
|
|
789
859
|
background-image:none;
|
|
790
860
|
background-size:initial;
|
|
@@ -807,9 +877,9 @@
|
|
|
807
877
|
color:var(--rs-link-color-hover);
|
|
808
878
|
border-bottom-color:#19191C;
|
|
809
879
|
border-bottom-color:var(--rs-underline-color);
|
|
810
|
-
-o-border-image:linear-gradient(to right, #19191C calc(100% - 1.
|
|
811
|
-
border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.
|
|
812
|
-
border-image:linear-gradient(to right, #19191C calc(100% - 1.
|
|
880
|
+
-o-border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
|
|
881
|
+
border-image:-webkit-gradient(linear, left top, right top, from(#19191C), color-stop(1.1em, transparent)) 1;
|
|
882
|
+
border-image:linear-gradient(to right, #19191C calc(100% - 1.1em), transparent 1.1em) 1;
|
|
813
883
|
-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;
|
|
814
884
|
border-image:-webkit-gradient(linear, left top, right top, from(var(--rs-underline-color)), to(transparent)) 1;
|
|
815
885
|
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;
|
|
@@ -820,17 +890,27 @@
|
|
|
820
890
|
margin-left:0.3em;
|
|
821
891
|
}
|
|
822
892
|
}
|
|
823
|
-
@define-mixin rs-link-mode-standalone-big-heading{
|
|
824
|
-
--rs-link-standalone-border-offset:1.15em;
|
|
825
|
-
}
|
|
826
893
|
@define-mixin rs-link-mode-standalone-external{
|
|
894
|
+
--rs-link-standalone-border-offset:1.02em;
|
|
827
895
|
&:after{
|
|
828
896
|
content:'\2197';
|
|
829
897
|
}
|
|
830
898
|
}
|
|
831
|
-
@define-mixin rs-link-mode-
|
|
832
|
-
--rs-link-
|
|
833
|
-
|
|
899
|
+
@define-mixin rs-link-mode-standalone-big-heading{
|
|
900
|
+
--rs-link-standalone-border-offset:1.12em;
|
|
901
|
+
}
|
|
902
|
+
@define-mixin rs-link-mode-standalone-external-big-heading{
|
|
903
|
+
--rs-link-standalone-border-offset:1em;
|
|
904
|
+
}
|
|
905
|
+
@define-mixin rs-link-mode-standalone-overline{
|
|
906
|
+
--rs-link-standalone-border-offset:1.3em;
|
|
907
|
+
}
|
|
908
|
+
@define-mixin rs-link-mode-standalone-external-overline{
|
|
909
|
+
--rs-link-standalone-border-offset:1.15em;
|
|
910
|
+
}
|
|
911
|
+
@define-mixin rs-link-mode-clear{
|
|
912
|
+
--rs-link-color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
|
|
913
|
+
--rs-link-color-hover:var(--rs-typography-color-hard, #19191C);
|
|
834
914
|
|
|
835
915
|
border-bottom-color:transparent;
|
|
836
916
|
background-image:none;
|
|
@@ -874,18 +954,18 @@
|
|
|
874
954
|
border-bottom-width:2px;
|
|
875
955
|
}
|
|
876
956
|
@define-mixin rs-link-hardness-hard-theme-dark{
|
|
877
|
-
--rs-link-color
|
|
957
|
+
--rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
|
|
878
958
|
}
|
|
879
959
|
@define-mixin rs-link-hardness-average-theme-dark{
|
|
880
|
-
--rs-link-color:rgba(255,255,255,0.7);
|
|
960
|
+
--rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
|
|
881
961
|
}
|
|
882
962
|
@define-mixin rs-link-hardness-pale-theme-dark{
|
|
883
|
-
--rs-link-color:rgba(255,255,255,0.5);
|
|
963
|
+
--rs-link-color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
|
|
884
964
|
}
|
|
885
965
|
@define-mixin rs-link-theme-dark{
|
|
886
|
-
--rs-link-color
|
|
887
|
-
--rs-link-color-hover
|
|
888
|
-
--rs-underline-color
|
|
966
|
+
--rs-link-color:var(--rs-typography-color-hard, #FFFFFF);
|
|
967
|
+
--rs-link-color-hover:var(--rs-typography-text-link-hover-color, #19191C);
|
|
968
|
+
--rs-underline-color:var(--rs-typography-color-hard, #FFFFFF);
|
|
889
969
|
|
|
890
970
|
color:#FFFFFF;
|
|
891
971
|
color:var(--rs-link-color);
|
|
@@ -893,6 +973,8 @@
|
|
|
893
973
|
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, #FFFFFF), color-stop(0, transparent));
|
|
894
974
|
|
|
895
975
|
background-image:linear-gradient(to bottom, #FFFFFF 100%, transparent 0);
|
|
976
|
+
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(100%, var(--rs-underline-color)), color-stop(0, transparent));
|
|
977
|
+
background-image:linear-gradient(to bottom, var(--rs-underline-color) 100%, transparent 0);
|
|
896
978
|
border-bottom-color:#FFFFFF;
|
|
897
979
|
border-bottom-color:var(--rs-underline-color);
|
|
898
980
|
|
|
@@ -909,13 +991,13 @@
|
|
|
909
991
|
|
|
910
992
|
&:focus[data-focus-method='key']{
|
|
911
993
|
-webkit-box-shadow:#428ad2 0 0 0 4px;
|
|
912
|
-
box-shadow:#428ad2 0 0 0 4px;
|
|
913
994
|
-webkit-box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
|
|
995
|
+
box-shadow:#428ad2 0 0 0 4px;
|
|
914
996
|
box-shadow:var(--rs-color-primary-dim-dark-theme, #428ad2) 0 0 0 4px;
|
|
915
997
|
}
|
|
916
998
|
}
|
|
917
999
|
@define-mixin rs-link-mode-standalone-theme-dark{
|
|
918
|
-
--rs-link-color-hover
|
|
1000
|
+
--rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
|
|
919
1001
|
|
|
920
1002
|
background-image:none;
|
|
921
1003
|
border-bottom-color:transparent;
|
|
@@ -932,9 +1014,9 @@
|
|
|
932
1014
|
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;
|
|
933
1015
|
}
|
|
934
1016
|
}
|
|
935
|
-
@define-mixin rs-link-mode-
|
|
936
|
-
--rs-link-color:rgba(255,255,255,0.7);
|
|
937
|
-
--rs-link-color-hover
|
|
1017
|
+
@define-mixin rs-link-mode-clear-theme-dark{
|
|
1018
|
+
--rs-link-color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
|
|
1019
|
+
--rs-link-color-hover:var(--rs-typography-color-hard, #FFFFFF);
|
|
938
1020
|
|
|
939
1021
|
background-image:none;
|
|
940
1022
|
border-bottom-color:transparent;
|