@rescui/menu 0.9.8 → 0.10.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 (8) hide show
  1. package/lib/index.css +419 -278
  2. package/lib/index.p.module.css.js +26 -27
  3. package/lib/parts/divider.js +2 -2
  4. package/lib/parts/group-header.js +4 -3
  5. package/lib/parts/menu-item.js +11 -9
  6. package/lib/public-api.p.css +558 -0
  7. package/lib/public-api.pcss +558 -0
  8. package/package.json +8 -7
package/lib/public-api.p.css ADDED
@@ -0,0 +1,558 @@
1
+ @define-mixin rs-menu-size-s{
2
+ & [data-rs-internal="menu__menu-item"]{
3
+ --_rs-menu-mi-icon-offset:8px;
4
+ --_rs-menu-mi-vertical-padding:6px;
5
+ --_rs-menu-mi-horizontal-padding:8px;
6
+ --_rs-typography-letter-spacing:0.0045em;
7
+ --_rs-typography-text-transform:initial;
8
+ --_rs-typography-font-variant-numeric:initial;
9
+ --_rs-typography-font-family:var(
10
+ --rs-font-family-ui,
11
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
12
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
13
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
14
+ );
15
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
16
+ --_rs-typography-font-weight:var(
17
+ --rs-font-weight-regular,
18
+ 400
19
+ );
20
+ --_rs-typography-line-height:var(
21
+ --rs-text-3-line-height,
22
+ 20px
23
+ );
24
+ --_rs-typography-base-color:var(
25
+ --_rs-typography-hardness-color,
26
+ var(
27
+ --rs-color-average,
28
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
29
+ )
30
+ );
31
+ --_rs-typography-text-auto-offset:8px;
32
+ --_rs-typography-ul-list-li-padding-left:28px;
33
+ --_rs-typography-ol-list-li-padding-left:21px;
34
+ --_rs-typography-list-li-margin-top-from-text:8px;
35
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
36
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
37
+ --_rs-typography-link-border-bottom-width-from-text:1px;
38
+ }
39
+ & [data-rs-internal="menu__group-header"]{
40
+ --_rs-menu-gh-vertical-padding:6px;
41
+ --_rs-menu-gh-horizontal-padding:8px;
42
+ --_rs-typography-letter-spacing:normal;
43
+ --_rs-typography-text-transform:initial;
44
+ --_rs-typography-font-variant-numeric:initial;
45
+ --_rs-typography-font-family:var(
46
+ --rs-font-family-ui,
47
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
48
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
49
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
50
+ );
51
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
52
+ --_rs-typography-font-weight:var(
53
+ --rs-font-weight-semi-bold,
54
+ 600
55
+ );
56
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
57
+ --_rs-typography-base-color:var(
58
+ --rs-color-hard,
59
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
60
+ );
61
+ --_rs-typography-text-auto-offset:0;
62
+ --_rs-typography-ul-list-li-padding-left:initial;
63
+ --_rs-typography-ol-list-li-padding-left:initial;
64
+ --_rs-typography-list-li-margin-top-from-text:initial;
65
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
66
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
67
+ --_rs-typography-link-border-bottom-width-from-text:2px;
68
+ }
69
+ }
70
+ @define-mixin rs-menu-size-m{
71
+ & [data-rs-internal="menu__menu-item"]{
72
+ --_rs-menu-mi-icon-offset:8px;
73
+ --_rs-menu-mi-vertical-padding:8px;
74
+ --_rs-menu-mi-horizontal-padding:16px;
75
+ --_rs-typography-letter-spacing:0.0015em;
76
+ --_rs-typography-text-transform:initial;
77
+ --_rs-typography-font-variant-numeric:initial;
78
+ --_rs-typography-font-family:var(
79
+ --rs-font-family-ui,
80
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
81
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
82
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
83
+ );
84
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
85
+ --_rs-typography-font-weight:var(
86
+ --rs-font-weight-regular,
87
+ 400
88
+ );
89
+ --_rs-typography-line-height:var(
90
+ --rs-text-2-line-height,
91
+ 24px
92
+ );
93
+ --_rs-typography-base-color:var(
94
+ --_rs-typography-hardness-color,
95
+ var(
96
+ --rs-color-average,
97
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
98
+ )
99
+ );
100
+ --_rs-typography-text-auto-offset:16px;
101
+ --_rs-typography-ul-list-li-padding-left:22px;
102
+ --_rs-typography-ol-list-li-padding-left:26px;
103
+ --_rs-typography-list-li-margin-top-from-text:16px;
104
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
105
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
106
+ --_rs-typography-link-border-bottom-width-from-text:1px;
107
+ }
108
+ @media screen and (max-width: 640px){
109
+ & [data-rs-internal="menu__menu-item"]{
110
+ --_rs-typography-list-li-margin-top-from-text:12px;
111
+ }
112
+ }
113
+ & [data-rs-internal="menu__group-header"]{
114
+ --_rs-menu-gh-vertical-padding:8px;
115
+ --_rs-menu-gh-horizontal-padding:16px;
116
+ --_rs-typography-letter-spacing:normal;
117
+ --_rs-typography-text-transform:initial;
118
+ --_rs-typography-font-variant-numeric:initial;
119
+ --_rs-typography-font-family:var(
120
+ --rs-font-family-ui,
121
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
122
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
123
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
124
+ );
125
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
126
+ --_rs-typography-font-weight:var(
127
+ --rs-font-weight-semi-bold,
128
+ 600
129
+ );
130
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
131
+ --_rs-typography-base-color:var(
132
+ --rs-color-hard,
133
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
134
+ );
135
+ --_rs-typography-text-auto-offset:0;
136
+ --_rs-typography-ul-list-li-padding-left:initial;
137
+ --_rs-typography-ol-list-li-padding-left:initial;
138
+ --_rs-typography-list-li-margin-top-from-text:initial;
139
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
140
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
141
+ --_rs-typography-link-border-bottom-width-from-text:2px;
142
+ }
143
+ }
144
+ @define-mixin rs-menu-size-l{
145
+ & [data-rs-internal="menu__menu-item"]{
146
+ --_rs-menu-mi-icon-offset:16px;
147
+ --_rs-menu-mi-vertical-padding:12px;
148
+ --_rs-menu-mi-horizontal-padding:16px;
149
+ --_rs-typography-letter-spacing:normal;
150
+ --_rs-typography-text-transform:initial;
151
+ --_rs-typography-font-variant-numeric:initial;
152
+ --_rs-typography-font-family:var(
153
+ --rs-font-family-ui,
154
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
155
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
156
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
157
+ );
158
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
159
+ --_rs-typography-font-weight:var(
160
+ --rs-font-weight-regular,
161
+ 400
162
+ );
163
+ --_rs-typography-line-height:var(
164
+ --rs-text-1-line-height,
165
+ 28px
166
+ );
167
+ --_rs-typography-base-color:var(
168
+ --_rs-typography-hardness-color,
169
+ var(
170
+ --rs-color-average,
171
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
172
+ )
173
+ );
174
+ --_rs-typography-text-auto-offset:32px;
175
+ --_rs-typography-ul-list-li-padding-left:26px;
176
+ --_rs-typography-ol-list-li-padding-left:32px;
177
+ --_rs-typography-list-li-margin-top-from-text:24px;
178
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
179
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
180
+ --_rs-typography-link-border-bottom-width-from-text:1px;
181
+ }
182
+ @media screen and (max-width: 640px){
183
+ & [data-rs-internal="menu__menu-item"]{
184
+ --_rs-typography-list-li-margin-top-from-text:16px;
185
+ }
186
+ }
187
+ & [data-rs-internal="menu__group-header"]{
188
+ --_rs-menu-gh-vertical-padding:12px;
189
+ --_rs-menu-gh-horizontal-padding:16px;
190
+ --_rs-typography-letter-spacing:normal;
191
+ --_rs-typography-text-transform:initial;
192
+ --_rs-typography-font-variant-numeric:initial;
193
+ --_rs-typography-font-family:var(
194
+ --rs-font-family-ui,
195
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
196
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
197
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
198
+ );
199
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
200
+ --_rs-typography-font-weight:var(
201
+ --rs-font-weight-semi-bold,
202
+ 600
203
+ );
204
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
205
+ --_rs-typography-base-color:var(
206
+ --rs-color-hard,
207
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
208
+ );
209
+ --_rs-typography-text-auto-offset:0;
210
+ --_rs-typography-ul-list-li-padding-left:initial;
211
+ --_rs-typography-ol-list-li-padding-left:initial;
212
+ --_rs-typography-list-li-margin-top-from-text:initial;
213
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
214
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
215
+ --_rs-typography-link-border-bottom-width-from-text:2px;
216
+ }
217
+ }
218
+ @define-mixin rs-menu-mode-classic{
219
+ & [data-rs-internal="menu__menu-item"]{
220
+ --_rs-menu-mi-horizontal-padding-with-mode:var(
221
+ --_rs-menu-mi-horizontal-padding
222
+ );
223
+ --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
224
+ --_rs-menu-mi-selected-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
225
+ --_rs-menu-mi-selected-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
226
+ --_rs-menu-mi-hover-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
227
+ --_rs-menu-mi-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
228
+ --_rs-menu-mi-selected-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
229
+ --_rs-menu-mi-selected-hover-background:rgb(
230
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
231
+ );
232
+ }
233
+ }
234
+ @define-mixin rs-menu-mode-rock{
235
+ & [data-rs-internal="menu__menu-item"]{
236
+ --_rs-menu-mi-horizontal-padding-with-mode:var(
237
+ --_rs-menu-mi-horizontal-padding
238
+ );
239
+ --_rs-menu-mi-active-background:none;
240
+ --_rs-menu-mi-selected-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
241
+ --_rs-menu-mi-selected-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
242
+ --_rs-menu-mi-hover-color:#FFFFFF;
243
+ --_rs-menu-mi-hover-background:var(--_rs-color-primary);
244
+ --_rs-menu-mi-selected-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
245
+ --_rs-menu-mi-selected-hover-background:rgb(
246
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
247
+ );
248
+ }
249
+ }
250
+ @define-mixin rs-menu-mode-clear{
251
+ & [data-rs-internal="menu__menu-item"]{
252
+ --_rs-menu-mi-horizontal-padding-with-mode:0;
253
+ --_rs-menu-mi-active-background:none;
254
+ --_rs-menu-mi-selected-color:var(--_rs-color-primary);
255
+ --_rs-menu-mi-selected-background:none;
256
+ --_rs-menu-mi-hover-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
257
+ --_rs-menu-mi-hover-background:none;
258
+ --_rs-menu-mi-selected-hover-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
259
+ --_rs-menu-mi-selected-hover-background:rgba(
260
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
261
+ 0.1
262
+ );
263
+ }
264
+ }
265
+ @define-mixin rs-menu-icon-placement-left{
266
+ & [data-rs-internal="menu__menu-item"]{
267
+ --_rs-menu-mi-flex-direction:row;
268
+ --_rs-menu-mi-justify-content:initial;
269
+ }
270
+ }
271
+ @define-mixin rs-menu-icon-placement-right{
272
+ & [data-rs-internal="menu__menu-item"]{
273
+ --_rs-menu-mi-flex-direction:row-reverse;
274
+ --_rs-menu-mi-justify-content:space-between;
275
+ }
276
+ }
277
+ @define-mixin rs-menu-item-size-s{
278
+ &[class]{
279
+ --_rs-menu-mi-icon-offset:8px;
280
+ --_rs-menu-mi-vertical-padding:6px;
281
+ --_rs-menu-mi-horizontal-padding:8px;
282
+ --_rs-typography-letter-spacing:0.0045em;
283
+ --_rs-typography-text-transform:initial;
284
+ --_rs-typography-font-variant-numeric:initial;
285
+ --_rs-typography-font-family:var(
286
+ --rs-font-family-ui,
287
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
288
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
289
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
290
+ );
291
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
292
+ --_rs-typography-font-weight:var(
293
+ --rs-font-weight-regular,
294
+ 400
295
+ );
296
+ --_rs-typography-line-height:var(
297
+ --rs-text-3-line-height,
298
+ 20px
299
+ );
300
+ --_rs-typography-base-color:var(
301
+ --_rs-typography-hardness-color,
302
+ var(
303
+ --rs-color-average,
304
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
305
+ )
306
+ );
307
+ --_rs-typography-text-auto-offset:8px;
308
+ --_rs-typography-ul-list-li-padding-left:28px;
309
+ --_rs-typography-ol-list-li-padding-left:21px;
310
+ --_rs-typography-list-li-margin-top-from-text:8px;
311
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
312
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
313
+ --_rs-typography-link-border-bottom-width-from-text:1px;
314
+ }
315
+ }
316
+ @define-mixin rs-menu-item-size-m{
317
+ &[class]{
318
+ --_rs-menu-mi-icon-offset:8px;
319
+ --_rs-menu-mi-vertical-padding:8px;
320
+ --_rs-menu-mi-horizontal-padding:16px;
321
+ --_rs-typography-letter-spacing:0.0015em;
322
+ --_rs-typography-text-transform:initial;
323
+ --_rs-typography-font-variant-numeric:initial;
324
+ --_rs-typography-font-family:var(
325
+ --rs-font-family-ui,
326
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
327
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
328
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
329
+ );
330
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
331
+ --_rs-typography-font-weight:var(
332
+ --rs-font-weight-regular,
333
+ 400
334
+ );
335
+ --_rs-typography-line-height:var(
336
+ --rs-text-2-line-height,
337
+ 24px
338
+ );
339
+ --_rs-typography-base-color:var(
340
+ --_rs-typography-hardness-color,
341
+ var(
342
+ --rs-color-average,
343
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
344
+ )
345
+ );
346
+ --_rs-typography-text-auto-offset:16px;
347
+ --_rs-typography-ul-list-li-padding-left:22px;
348
+ --_rs-typography-ol-list-li-padding-left:26px;
349
+ --_rs-typography-list-li-margin-top-from-text:16px;
350
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
351
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
352
+ --_rs-typography-link-border-bottom-width-from-text:1px;
353
+ }
354
+ @media screen and (max-width: 640px){
355
+ &[class]{
356
+ --_rs-typography-list-li-margin-top-from-text:12px;
357
+ }
358
+ }
359
+ }
360
+ @define-mixin rs-menu-item-size-l{
361
+ &[class]{
362
+ --_rs-menu-mi-icon-offset:16px;
363
+ --_rs-menu-mi-vertical-padding:12px;
364
+ --_rs-menu-mi-horizontal-padding:16px;
365
+ --_rs-typography-letter-spacing:normal;
366
+ --_rs-typography-text-transform:initial;
367
+ --_rs-typography-font-variant-numeric:initial;
368
+ --_rs-typography-font-family:var(
369
+ --rs-font-family-ui,
370
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
371
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
372
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
373
+ );
374
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
375
+ --_rs-typography-font-weight:var(
376
+ --rs-font-weight-regular,
377
+ 400
378
+ );
379
+ --_rs-typography-line-height:var(
380
+ --rs-text-1-line-height,
381
+ 28px
382
+ );
383
+ --_rs-typography-base-color:var(
384
+ --_rs-typography-hardness-color,
385
+ var(
386
+ --rs-color-average,
387
+ rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7)
388
+ )
389
+ );
390
+ --_rs-typography-text-auto-offset:32px;
391
+ --_rs-typography-ul-list-li-padding-left:26px;
392
+ --_rs-typography-ol-list-li-padding-left:32px;
393
+ --_rs-typography-list-li-margin-top-from-text:24px;
394
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
395
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
396
+ --_rs-typography-link-border-bottom-width-from-text:1px;
397
+ }
398
+ @media screen and (max-width: 640px){
399
+ &[class]{
400
+ --_rs-typography-list-li-margin-top-from-text:16px;
401
+ }
402
+ }
403
+ }
404
+ @define-mixin rs-menu-item-mode-classic{
405
+ &[class]{
406
+ --_rs-menu-mi-horizontal-padding-with-mode:var(
407
+ --_rs-menu-mi-horizontal-padding
408
+ );
409
+ --_rs-menu-mi-active-background:var(--_rs-color-primary-t-fog);
410
+ --_rs-menu-mi-selected-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
411
+ --_rs-menu-mi-selected-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
412
+ --_rs-menu-mi-hover-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
413
+ --_rs-menu-mi-hover-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.1);
414
+ --_rs-menu-mi-selected-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
415
+ --_rs-menu-mi-selected-hover-background:rgb(
416
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
417
+ );
418
+ }
419
+ }
420
+ @define-mixin rs-menu-item-mode-rock{
421
+ &[class]{
422
+ --_rs-menu-mi-horizontal-padding-with-mode:var(
423
+ --_rs-menu-mi-horizontal-padding
424
+ );
425
+ --_rs-menu-mi-active-background:none;
426
+ --_rs-menu-mi-selected-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
427
+ --_rs-menu-mi-selected-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
428
+ --_rs-menu-mi-hover-color:#FFFFFF;
429
+ --_rs-menu-mi-hover-background:var(--_rs-color-primary);
430
+ --_rs-menu-mi-selected-hover-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
431
+ --_rs-menu-mi-selected-hover-background:rgb(
432
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
433
+ );
434
+ }
435
+ }
436
+ @define-mixin rs-menu-item-mode-clear{
437
+ &[class]{
438
+ --_rs-menu-mi-horizontal-padding-with-mode:0;
439
+ --_rs-menu-mi-active-background:none;
440
+ --_rs-menu-mi-selected-color:var(--_rs-color-primary);
441
+ --_rs-menu-mi-selected-background:none;
442
+ --_rs-menu-mi-hover-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
443
+ --_rs-menu-mi-hover-background:none;
444
+ --_rs-menu-mi-selected-hover-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
445
+ --_rs-menu-mi-selected-hover-background:rgba(
446
+ calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
447
+ 0.1
448
+ );
449
+ }
450
+ }
451
+ @define-mixin rs-menu-item-icon-placement-left{
452
+ &[class]{
453
+ --_rs-menu-mi-flex-direction:row;
454
+ --_rs-menu-mi-justify-content:initial;
455
+ }
456
+ }
457
+ @define-mixin rs-menu-item-icon-placement-right{
458
+ &[class]{
459
+ --_rs-menu-mi-flex-direction:row-reverse;
460
+ --_rs-menu-mi-justify-content:space-between;
461
+ }
462
+ }
463
+ @define-mixin rs-group-header-size-s{
464
+ &[class]{
465
+ --_rs-menu-gh-vertical-padding:6px;
466
+ --_rs-menu-gh-horizontal-padding:8px;
467
+ --_rs-typography-letter-spacing:normal;
468
+ --_rs-typography-text-transform:initial;
469
+ --_rs-typography-font-variant-numeric:initial;
470
+ --_rs-typography-font-family:var(
471
+ --rs-font-family-ui,
472
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
473
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
474
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
475
+ );
476
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
477
+ --_rs-typography-font-weight:var(
478
+ --rs-font-weight-semi-bold,
479
+ 600
480
+ );
481
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
482
+ --_rs-typography-base-color:var(
483
+ --rs-color-hard,
484
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
485
+ );
486
+ --_rs-typography-text-auto-offset:0;
487
+ --_rs-typography-ul-list-li-padding-left:initial;
488
+ --_rs-typography-ol-list-li-padding-left:initial;
489
+ --_rs-typography-list-li-margin-top-from-text:initial;
490
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
491
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
492
+ --_rs-typography-link-border-bottom-width-from-text:2px;
493
+ }
494
+ }
495
+ @define-mixin rs-group-header-size-m{
496
+ &[class]{
497
+ --_rs-menu-gh-vertical-padding:8px;
498
+ --_rs-menu-gh-horizontal-padding:16px;
499
+ --_rs-typography-letter-spacing:normal;
500
+ --_rs-typography-text-transform:initial;
501
+ --_rs-typography-font-variant-numeric:initial;
502
+ --_rs-typography-font-family:var(
503
+ --rs-font-family-ui,
504
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
505
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
506
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
507
+ );
508
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
509
+ --_rs-typography-font-weight:var(
510
+ --rs-font-weight-semi-bold,
511
+ 600
512
+ );
513
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
514
+ --_rs-typography-base-color:var(
515
+ --rs-color-hard,
516
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
517
+ );
518
+ --_rs-typography-text-auto-offset:0;
519
+ --_rs-typography-ul-list-li-padding-left:initial;
520
+ --_rs-typography-ol-list-li-padding-left:initial;
521
+ --_rs-typography-list-li-margin-top-from-text:initial;
522
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
523
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
524
+ --_rs-typography-link-border-bottom-width-from-text:2px;
525
+ }
526
+ }
527
+ @define-mixin rs-group-header-size-l{
528
+ &[class]{
529
+ --_rs-menu-gh-vertical-padding:12px;
530
+ --_rs-menu-gh-horizontal-padding:16px;
531
+ --_rs-typography-letter-spacing:normal;
532
+ --_rs-typography-text-transform:initial;
533
+ --_rs-typography-font-variant-numeric:initial;
534
+ --_rs-typography-font-family:var(
535
+ --rs-font-family-ui,
536
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
537
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
538
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
539
+ );
540
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
541
+ --_rs-typography-font-weight:var(
542
+ --rs-font-weight-semi-bold,
543
+ 600
544
+ );
545
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
546
+ --_rs-typography-base-color:var(
547
+ --rs-color-hard,
548
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
549
+ );
550
+ --_rs-typography-text-auto-offset:0;
551
+ --_rs-typography-ul-list-li-padding-left:initial;
552
+ --_rs-typography-ol-list-li-padding-left:initial;
553
+ --_rs-typography-list-li-margin-top-from-text:initial;
554
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
555
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
556
+ --_rs-typography-link-border-bottom-width-from-text:2px;
557
+ }
558
+ }