@medyll/cssfabric 0.2.0 → 0.2.1-beta.1

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 (123) hide show
  1. package/README.md +58 -38
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/{_generated → dist/_generated}/cssFabric.vars.json +12 -12
  5. package/dist/_generated/cssFabric.vars.md +268 -0
  6. package/dist/cssFabric/config.d.ts +29 -0
  7. package/dist/cssFabric/config.js +29 -0
  8. package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
  9. package/dist/cssFabric/cssFabricSheet.js +1270 -0
  10. package/dist/cssFabric/cssProperties.d.ts +27 -0
  11. package/dist/cssFabric/cssProperties.js +343 -0
  12. package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
  13. package/dist/cssFabric/cssVariationsAi.js +111 -0
  14. package/dist/cssFabric/index.d.ts +113 -0
  15. package/dist/cssFabric/index.js +341 -0
  16. package/dist/cssf/README.md +197 -0
  17. package/dist/cssf/cssf.d.ts +1 -0
  18. package/dist/cssf/cssf.js +12 -0
  19. package/dist/cssf/cssfGuide.d.ts +14 -0
  20. package/dist/cssf/cssfGuide.js +50 -0
  21. package/dist/cssf/cssfLib.d.ts +134 -0
  22. package/dist/cssf/cssfLib.js +116 -0
  23. package/dist/cssf/cssfModel.d.ts +8 -0
  24. package/dist/cssf/cssfModel.js +59 -0
  25. package/dist/cssf/cssfPlugin.d.ts +3 -0
  26. package/dist/cssf/cssfPlugin.js +37 -0
  27. package/dist/cssf/cssfTransformer.d.ts +2 -0
  28. package/dist/cssf/cssfTransformer.js +100 -0
  29. package/dist/cssf/index.d.ts +4 -0
  30. package/dist/cssf/index.js +4 -0
  31. package/dist/cssfVsCode/.vscode/launch.json +17 -0
  32. package/dist/cssfVsCode/.vscodeignore +4 -0
  33. package/dist/cssfVsCode/CHANGELOG.md +9 -0
  34. package/dist/cssfVsCode/README.md +65 -0
  35. package/dist/cssfVsCode/language-configuration.json +36 -0
  36. package/dist/cssfVsCode/package.json +40 -0
  37. package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
  38. package/dist/cssfVsCode/test.cssf +6 -0
  39. package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
  40. package/dist/index.d.ts +2 -0
  41. package/dist/index.js +3 -0
  42. package/{init → dist/init}/importCssVars.d.ts +1 -1
  43. package/{init → dist/init}/importCssVars.js +2 -2
  44. package/dist/scripts/cssfabric.d.ts +24 -0
  45. package/{scripts → dist/scripts}/cssfabric.js +43 -43
  46. package/{scripts → dist/scripts}/cssfabricClassNames.d.ts +14 -14
  47. package/{scripts → dist/scripts}/cssfabricClassNames.js +146 -146
  48. package/dist/scripts/index.d.ts +2 -0
  49. package/{scripts → dist/scripts}/index.js +4 -4
  50. package/{scripts → dist/scripts}/utils.d.ts +5 -5
  51. package/{scripts → dist/scripts}/utils.js +38 -38
  52. package/dist/styles/animation/animation.css +2 -0
  53. package/{styles → dist/styles}/base/base.css +207 -214
  54. package/{styles → dist/styles}/base/base.min.css +1 -1
  55. package/{styles → dist/styles}/box/box.css +1496 -1378
  56. package/dist/styles/box/box.min.css +1 -0
  57. package/{styles → dist/styles}/box/box.responsive.css +7036 -5523
  58. package/dist/styles/box/box.responsive.min.css +1 -0
  59. package/{styles → dist/styles}/color/color.css +1566 -1564
  60. package/{styles → dist/styles}/color/color.responsive.css +7781 -6267
  61. package/dist/styles/color/color.responsive.min.css +1 -0
  62. package/dist/styles/cssfabric.css +5328 -0
  63. package/dist/styles/cssfabric.min.css +1 -0
  64. package/dist/styles/cssfabric.responsive.css +20419 -0
  65. package/dist/styles/cssfabric.responsive.min.css +1 -0
  66. package/{styles → dist/styles}/flex/flex.css +125 -123
  67. package/{styles → dist/styles}/flex/flex.responsive.css +581 -503
  68. package/dist/styles/flex/flex.responsive.min.css +1 -0
  69. package/{styles → dist/styles}/grid/grid.css +120 -118
  70. package/{styles → dist/styles}/grid/grid.responsive.css +501 -483
  71. package/dist/styles/grid/grid.responsive.min.css +1 -0
  72. package/{styles → dist/styles}/menu/menu.css +102 -100
  73. package/{styles → dist/styles}/menu/menu.responsive.css +444 -357
  74. package/dist/styles/menu/menu.responsive.min.css +1 -0
  75. package/{styles → dist/styles}/overflow/overflow.css +61 -59
  76. package/{styles → dist/styles}/overflow/overflow.responsive.css +237 -244
  77. package/dist/styles/overflow/overflow.responsive.min.css +1 -0
  78. package/{styles → dist/styles}/scale/scale.css +720 -718
  79. package/{styles → dist/styles}/scale/scale.responsive.css +3251 -2883
  80. package/dist/styles/scale/scale.responsive.min.css +1 -0
  81. package/{styles → dist/styles}/table/table.css +73 -71
  82. package/{styles → dist/styles}/table/table.responsive.css +371 -295
  83. package/dist/styles/table/table.responsive.min.css +1 -0
  84. package/{styles → dist/styles}/text/text.css +152 -150
  85. package/{styles → dist/styles}/text/text.responsive.css +216 -195
  86. package/dist/styles/text/text.responsive.min.css +1 -0
  87. package/{styles → dist/styles}/theme/theme.css +247 -196
  88. package/{styles → dist/styles}/theme/theme.min.css +1 -1
  89. package/{styles → dist/styles}/vars.css +412 -413
  90. package/dist/styles/vars.min.css +1 -0
  91. package/{styles → dist/styles}/zindex/zindex.css +44 -42
  92. package/package.json +68 -113
  93. package/_generated/index.d.ts +0 -3
  94. package/scripts/cssfabric.d.ts +0 -24
  95. package/scripts/index.d.ts +0 -2
  96. package/styles/animation/animation.css +0 -0
  97. package/styles/box/box.min.css +0 -1
  98. package/styles/box/box.responsive.min.css +0 -1
  99. package/styles/color/color.responsive.min.css +0 -1
  100. package/styles/cssfabric.css +0 -61792
  101. package/styles/cssfabric.min.css +0 -168
  102. package/styles/cssfabric.responsive.css +0 -200596
  103. package/styles/cssfabric.responsive.min.css +0 -108
  104. package/styles/flex/flex.responsive.min.css +0 -1
  105. package/styles/grid/grid.responsive.min.css +0 -1
  106. package/styles/menu/menu.responsive.min.css +0 -1
  107. package/styles/overflow/overflow.responsive.min.css +0 -1
  108. package/styles/scale/scale.responsive.min.css +0 -1
  109. package/styles/table/table.responsive.min.css +0 -1
  110. package/styles/text/text.responsive.min.css +0 -1
  111. package/styles/vars.min.css +0 -1
  112. /package/{_generated → dist/_generated}/export.variables.md +0 -0
  113. /package/{_generated → dist/_generated}/readme.md +0 -0
  114. /package/{styles → dist/styles}/animation/animation.min.css +0 -0
  115. /package/{styles → dist/styles}/color/color.min.css +0 -0
  116. /package/{styles → dist/styles}/flex/flex.min.css +0 -0
  117. /package/{styles → dist/styles}/grid/grid.min.css +0 -0
  118. /package/{styles → dist/styles}/menu/menu.min.css +0 -0
  119. /package/{styles → dist/styles}/overflow/overflow.min.css +0 -0
  120. /package/{styles → dist/styles}/scale/scale.min.css +0 -0
  121. /package/{styles → dist/styles}/table/table.min.css +0 -0
  122. /package/{styles → dist/styles}/text/text.min.css +0 -0
  123. /package/{styles → dist/styles}/zindex/zindex.min.css +0 -0
package/{styles → dist/styles}/menu/menu.responsive.css RENAMED
@@ -1,358 +1,445 @@
1
- /* & li.menu-item{
2
- dsp: none;
3
- }
4
- &-drop{
5
- dsp: none;
6
- & .menu-open{
7
- dsp: none;
8
- & li.menu-item, > li{
9
- dsp: none;
10
- }
11
- }
12
- & .menu-close{
13
- dsp: none;
14
- & li.menu-item, > li{
15
- dsp: none;
16
- }
17
- }
18
- }*/
19
- @media only screen and (max-width: 1300px) {
20
- ul.menu-xxl {
21
- list-style: none;
22
- list-style-type: none;
23
- }
24
- ul.menu-xxl-v {
25
- padding: 0;
26
- margin: 0;
27
- line-height: var(--box-density-2);
28
- }
29
- ul.menu-xxl-v li.menu-item,
30
- ul.menu-xxl-v li {
31
- display: block;
32
- margin: 0;
33
- width: auto;
34
- transition-property: all;
35
- transition-duration: 0.15s;
36
- padding: var(--box-density-1);
37
- border-left: 1px solid var(--theme-color-border);
38
- }
39
- ul.menu-xxl-v li.menu-item:hover,
40
- ul.menu-xxl-v li:hover {
41
- border-radius: var(--radius-small);
42
- background-color: #ededed;
43
- border-left: 1px solid var(--theme-color-primary);
44
- }
45
- ul.menu-xxl-v li.menu-item.active,
46
- ul.menu-xxl-v li.active {
47
- border-radius: var(--radius-small);
48
- background-color: #ededed;
49
- font-weight: bold;
50
- }
51
- ul.menu-xxl-v li {
52
- list-style: none;
53
- }
54
- ul.menu-xxl-h {
55
- padding: 0;
56
- margin: 0;
57
- line-height: var(--box-density-2);
58
- }
59
- ul.menu-xxl-h li.menu-item,
60
- ul.menu-xxl-h li {
61
- display: block;
62
- margin: 0;
63
- width: auto;
64
- transition-property: all;
65
- transition-duration: 0.15s;
66
- padding: var(--box-density-1);
67
- border-left: 1px solid var(--theme-color-border);
68
- }
69
- ul.menu-xxl-h li.menu-item:hover,
70
- ul.menu-xxl-h li:hover {
71
- border-radius: var(--radius-small);
72
- background-color: #ededed;
73
- border-left: 1px solid var(--theme-color-primary);
74
- }
75
- ul.menu-xxl-h li.menu-item.active,
76
- ul.menu-xxl-h li.active {
77
- border-radius: var(--radius-small);
78
- background-color: #ededed;
79
- font-weight: bold;
80
- }
81
- ul.menu-xxl-h li {
82
- list-style: none;
83
- }
84
- ul.menu-xxl-v li.menu-item.active,
85
- ul.menu-xxl-v li.active {
86
- font-weight: bold;
87
- margin-left: 1rem;
88
- }
89
- ul.menu-xxl-h {
90
- max-width: 100%;
91
- display: inline-flex;
92
- padding: 0 0;
93
- position: relative;
94
- border-bottom: 1px solid #ededed;
95
- overflow-x: auto;
96
- overflow-y: hidden;
97
- }
98
- ul.menu-xxl-h li.menu-item,
99
- ul.menu-xxl-h li {
100
- margin: 0;
101
- text-align: center;
102
- }
103
- }
104
- @media only screen and (max-width: 1200px) {
105
- ul.menu-xl {
106
- list-style: none;
107
- list-style-type: none;
108
- }
109
- ul.menu-xl-v {
110
- padding: 0;
111
- margin: 0;
112
- line-height: var(--box-density-2);
113
- }
114
- ul.menu-xl-v li.menu-item,
115
- ul.menu-xl-v li {
116
- display: block;
117
- margin: 0;
118
- width: auto;
119
- transition-property: all;
120
- transition-duration: 0.15s;
121
- padding: var(--box-density-1);
122
- border-left: 1px solid var(--theme-color-border);
123
- }
124
- ul.menu-xl-v li.menu-item:hover,
125
- ul.menu-xl-v li:hover {
126
- border-radius: var(--radius-small);
127
- background-color: #ededed;
128
- border-left: 1px solid var(--theme-color-primary);
129
- }
130
- ul.menu-xl-v li.menu-item.active,
131
- ul.menu-xl-v li.active {
132
- border-radius: var(--radius-small);
133
- background-color: #ededed;
134
- font-weight: bold;
135
- }
136
- ul.menu-xl-v li {
137
- list-style: none;
138
- }
139
- ul.menu-xl-h {
140
- padding: 0;
141
- margin: 0;
142
- line-height: var(--box-density-2);
143
- }
144
- ul.menu-xl-h li.menu-item,
145
- ul.menu-xl-h li {
146
- display: block;
147
- margin: 0;
148
- width: auto;
149
- transition-property: all;
150
- transition-duration: 0.15s;
151
- padding: var(--box-density-1);
152
- border-left: 1px solid var(--theme-color-border);
153
- }
154
- ul.menu-xl-h li.menu-item:hover,
155
- ul.menu-xl-h li:hover {
156
- border-radius: var(--radius-small);
157
- background-color: #ededed;
158
- border-left: 1px solid var(--theme-color-primary);
159
- }
160
- ul.menu-xl-h li.menu-item.active,
161
- ul.menu-xl-h li.active {
162
- border-radius: var(--radius-small);
163
- background-color: #ededed;
164
- font-weight: bold;
165
- }
166
- ul.menu-xl-h li {
167
- list-style: none;
168
- }
169
- ul.menu-xl-v li.menu-item.active,
170
- ul.menu-xl-v li.active {
171
- font-weight: bold;
172
- margin-left: 1rem;
173
- }
174
- ul.menu-xl-h {
175
- max-width: 100%;
176
- display: inline-flex;
177
- padding: 0 0;
178
- position: relative;
179
- border-bottom: 1px solid #ededed;
180
- overflow-x: auto;
181
- overflow-y: hidden;
182
- }
183
- ul.menu-xl-h li.menu-item,
184
- ul.menu-xl-h li {
185
- margin: 0;
186
- text-align: center;
187
- }
188
- }
189
- @media only screen and (max-width: 960px) {
190
- ul.menu-lg {
191
- list-style: none;
192
- list-style-type: none;
193
- }
194
- ul.menu-lg-v {
195
- padding: 0;
196
- margin: 0;
197
- line-height: var(--box-density-2);
198
- }
199
- ul.menu-lg-v li.menu-item,
200
- ul.menu-lg-v li {
201
- display: block;
202
- margin: 0;
203
- width: auto;
204
- transition-property: all;
205
- transition-duration: 0.15s;
206
- padding: var(--box-density-1);
207
- border-left: 1px solid var(--theme-color-border);
208
- }
209
- ul.menu-lg-v li.menu-item:hover,
210
- ul.menu-lg-v li:hover {
211
- border-radius: var(--radius-small);
212
- background-color: #ededed;
213
- border-left: 1px solid var(--theme-color-primary);
214
- }
215
- ul.menu-lg-v li.menu-item.active,
216
- ul.menu-lg-v li.active {
217
- border-radius: var(--radius-small);
218
- background-color: #ededed;
219
- font-weight: bold;
220
- }
221
- ul.menu-lg-v li {
222
- list-style: none;
223
- }
224
- ul.menu-lg-h {
225
- padding: 0;
226
- margin: 0;
227
- line-height: var(--box-density-2);
228
- }
229
- ul.menu-lg-h li.menu-item,
230
- ul.menu-lg-h li {
231
- display: block;
232
- margin: 0;
233
- width: auto;
234
- transition-property: all;
235
- transition-duration: 0.15s;
236
- padding: var(--box-density-1);
237
- border-left: 1px solid var(--theme-color-border);
238
- }
239
- ul.menu-lg-h li.menu-item:hover,
240
- ul.menu-lg-h li:hover {
241
- border-radius: var(--radius-small);
242
- background-color: #ededed;
243
- border-left: 1px solid var(--theme-color-primary);
244
- }
245
- ul.menu-lg-h li.menu-item.active,
246
- ul.menu-lg-h li.active {
247
- border-radius: var(--radius-small);
248
- background-color: #ededed;
249
- font-weight: bold;
250
- }
251
- ul.menu-lg-h li {
252
- list-style: none;
253
- }
254
- ul.menu-lg-v li.menu-item.active,
255
- ul.menu-lg-v li.active {
256
- font-weight: bold;
257
- margin-left: 1rem;
258
- }
259
- ul.menu-lg-h {
260
- max-width: 100%;
261
- display: inline-flex;
262
- padding: 0 0;
263
- position: relative;
264
- border-bottom: 1px solid #ededed;
265
- overflow-x: auto;
266
- overflow-y: hidden;
267
- }
268
- ul.menu-lg-h li.menu-item,
269
- ul.menu-lg-h li {
270
- margin: 0;
271
- text-align: center;
272
- }
273
- }
274
- @media only screen and (max-width: 760px) {
275
- ul.menu-md {
276
- list-style: none;
277
- list-style-type: none;
278
- }
279
- ul.menu-md-v {
280
- padding: 0;
281
- margin: 0;
282
- line-height: var(--box-density-2);
283
- }
284
- ul.menu-md-v li.menu-item,
285
- ul.menu-md-v li {
286
- display: block;
287
- margin: 0;
288
- width: auto;
289
- transition-property: all;
290
- transition-duration: 0.15s;
291
- padding: var(--box-density-1);
292
- border-left: 1px solid var(--theme-color-border);
293
- }
294
- ul.menu-md-v li.menu-item:hover,
295
- ul.menu-md-v li:hover {
296
- border-radius: var(--radius-small);
297
- background-color: #ededed;
298
- border-left: 1px solid var(--theme-color-primary);
299
- }
300
- ul.menu-md-v li.menu-item.active,
301
- ul.menu-md-v li.active {
302
- border-radius: var(--radius-small);
303
- background-color: #ededed;
304
- font-weight: bold;
305
- }
306
- ul.menu-md-v li {
307
- list-style: none;
308
- }
309
- ul.menu-md-h {
310
- padding: 0;
311
- margin: 0;
312
- line-height: var(--box-density-2);
313
- }
314
- ul.menu-md-h li.menu-item,
315
- ul.menu-md-h li {
316
- display: block;
317
- margin: 0;
318
- width: auto;
319
- transition-property: all;
320
- transition-duration: 0.15s;
321
- padding: var(--box-density-1);
322
- border-left: 1px solid var(--theme-color-border);
323
- }
324
- ul.menu-md-h li.menu-item:hover,
325
- ul.menu-md-h li:hover {
326
- border-radius: var(--radius-small);
327
- background-color: #ededed;
328
- border-left: 1px solid var(--theme-color-primary);
329
- }
330
- ul.menu-md-h li.menu-item.active,
331
- ul.menu-md-h li.active {
332
- border-radius: var(--radius-small);
333
- background-color: #ededed;
334
- font-weight: bold;
335
- }
336
- ul.menu-md-h li {
337
- list-style: none;
338
- }
339
- ul.menu-md-v li.menu-item.active,
340
- ul.menu-md-v li.active {
341
- font-weight: bold;
342
- margin-left: 1rem;
343
- }
344
- ul.menu-md-h {
345
- max-width: 100%;
346
- display: inline-flex;
347
- padding: 0 0;
348
- position: relative;
349
- border-bottom: 1px solid #ededed;
350
- overflow-x: auto;
351
- overflow-y: hidden;
352
- }
353
- ul.menu-md-h li.menu-item,
354
- ul.menu-md-h li {
355
- margin: 0;
356
- text-align: center;
357
- }
1
+
2
+ /**---------------------menu.responsive.css---------------------*/
3
+ /* & li.menu-item{
4
+ dsp: none;
5
+ }
6
+ &-drop{
7
+ dsp: none;
8
+ & .menu-open{
9
+ dsp: none;
10
+ & li.menu-item, > li{
11
+ dsp: none;
12
+ }
13
+ }
14
+ & .menu-close{
15
+ dsp: none;
16
+ & li.menu-item, > li{
17
+ dsp: none;
18
+ }
19
+ }
20
+ }*/
21
+ @media only screen and (min-width: 640px) {
22
+ ul.menu-sm {
23
+ list-style: none;
24
+ list-style-type: none;
25
+ }
26
+ ul.menu-sm-v {
27
+ padding: 0;
28
+ margin: 0;
29
+ line-height: var(--box-density-2);
30
+ }
31
+ ul.menu-sm-v li.menu-item,
32
+ ul.menu-sm-v li {
33
+ display: block;
34
+ margin: 0;
35
+ width: auto;
36
+ transition-property: all;
37
+ transition-duration: 0.15s;
38
+ padding: var(--box-density-1);
39
+ border-left: 1px solid var(--theme-color-border);
40
+ }
41
+ ul.menu-sm-v li.menu-item:hover,
42
+ ul.menu-sm-v li:hover {
43
+ border-radius: var(--radius-small);
44
+ background-color: #ededed;
45
+ border-left: 1px solid var(--theme-color-primary);
46
+ }
47
+ ul.menu-sm-v li.menu-item.active,
48
+ ul.menu-sm-v li.active {
49
+ border-radius: var(--radius-small);
50
+ background-color: #ededed;
51
+ font-weight: bold;
52
+ }
53
+ ul.menu-sm-v li {
54
+ list-style: none;
55
+ }
56
+ ul.menu-sm-h {
57
+ padding: 0;
58
+ margin: 0;
59
+ line-height: var(--box-density-2);
60
+ }
61
+ ul.menu-sm-h li.menu-item,
62
+ ul.menu-sm-h li {
63
+ display: block;
64
+ margin: 0;
65
+ width: auto;
66
+ transition-property: all;
67
+ transition-duration: 0.15s;
68
+ padding: var(--box-density-1);
69
+ border-left: 1px solid var(--theme-color-border);
70
+ }
71
+ ul.menu-sm-h li.menu-item:hover,
72
+ ul.menu-sm-h li:hover {
73
+ border-radius: var(--radius-small);
74
+ background-color: #ededed;
75
+ border-left: 1px solid var(--theme-color-primary);
76
+ }
77
+ ul.menu-sm-h li.menu-item.active,
78
+ ul.menu-sm-h li.active {
79
+ border-radius: var(--radius-small);
80
+ background-color: #ededed;
81
+ font-weight: bold;
82
+ }
83
+ ul.menu-sm-h li {
84
+ list-style: none;
85
+ }
86
+ ul.menu-sm-v li.menu-item.active,
87
+ ul.menu-sm-v li.active {
88
+ font-weight: bold;
89
+ margin-left: 1rem;
90
+ }
91
+ ul.menu-sm-h {
92
+ max-width: 100%;
93
+ display: inline-flex;
94
+ padding: 0 0;
95
+ position: relative;
96
+ border-bottom: 1px solid #ededed;
97
+ overflow-x: auto;
98
+ overflow-y: hidden;
99
+ }
100
+ ul.menu-sm-h li.menu-item,
101
+ ul.menu-sm-h li {
102
+ margin: 0;
103
+ text-align: center;
104
+ }
105
+ }
106
+ @media only screen and (min-width: 768px) {
107
+ ul.menu-md {
108
+ list-style: none;
109
+ list-style-type: none;
110
+ }
111
+ ul.menu-md-v {
112
+ padding: 0;
113
+ margin: 0;
114
+ line-height: var(--box-density-2);
115
+ }
116
+ ul.menu-md-v li.menu-item,
117
+ ul.menu-md-v li {
118
+ display: block;
119
+ margin: 0;
120
+ width: auto;
121
+ transition-property: all;
122
+ transition-duration: 0.15s;
123
+ padding: var(--box-density-1);
124
+ border-left: 1px solid var(--theme-color-border);
125
+ }
126
+ ul.menu-md-v li.menu-item:hover,
127
+ ul.menu-md-v li:hover {
128
+ border-radius: var(--radius-small);
129
+ background-color: #ededed;
130
+ border-left: 1px solid var(--theme-color-primary);
131
+ }
132
+ ul.menu-md-v li.menu-item.active,
133
+ ul.menu-md-v li.active {
134
+ border-radius: var(--radius-small);
135
+ background-color: #ededed;
136
+ font-weight: bold;
137
+ }
138
+ ul.menu-md-v li {
139
+ list-style: none;
140
+ }
141
+ ul.menu-md-h {
142
+ padding: 0;
143
+ margin: 0;
144
+ line-height: var(--box-density-2);
145
+ }
146
+ ul.menu-md-h li.menu-item,
147
+ ul.menu-md-h li {
148
+ display: block;
149
+ margin: 0;
150
+ width: auto;
151
+ transition-property: all;
152
+ transition-duration: 0.15s;
153
+ padding: var(--box-density-1);
154
+ border-left: 1px solid var(--theme-color-border);
155
+ }
156
+ ul.menu-md-h li.menu-item:hover,
157
+ ul.menu-md-h li:hover {
158
+ border-radius: var(--radius-small);
159
+ background-color: #ededed;
160
+ border-left: 1px solid var(--theme-color-primary);
161
+ }
162
+ ul.menu-md-h li.menu-item.active,
163
+ ul.menu-md-h li.active {
164
+ border-radius: var(--radius-small);
165
+ background-color: #ededed;
166
+ font-weight: bold;
167
+ }
168
+ ul.menu-md-h li {
169
+ list-style: none;
170
+ }
171
+ ul.menu-md-v li.menu-item.active,
172
+ ul.menu-md-v li.active {
173
+ font-weight: bold;
174
+ margin-left: 1rem;
175
+ }
176
+ ul.menu-md-h {
177
+ max-width: 100%;
178
+ display: inline-flex;
179
+ padding: 0 0;
180
+ position: relative;
181
+ border-bottom: 1px solid #ededed;
182
+ overflow-x: auto;
183
+ overflow-y: hidden;
184
+ }
185
+ ul.menu-md-h li.menu-item,
186
+ ul.menu-md-h li {
187
+ margin: 0;
188
+ text-align: center;
189
+ }
190
+ }
191
+ @media only screen and (min-width: 1024px) {
192
+ ul.menu-lg {
193
+ list-style: none;
194
+ list-style-type: none;
195
+ }
196
+ ul.menu-lg-v {
197
+ padding: 0;
198
+ margin: 0;
199
+ line-height: var(--box-density-2);
200
+ }
201
+ ul.menu-lg-v li.menu-item,
202
+ ul.menu-lg-v li {
203
+ display: block;
204
+ margin: 0;
205
+ width: auto;
206
+ transition-property: all;
207
+ transition-duration: 0.15s;
208
+ padding: var(--box-density-1);
209
+ border-left: 1px solid var(--theme-color-border);
210
+ }
211
+ ul.menu-lg-v li.menu-item:hover,
212
+ ul.menu-lg-v li:hover {
213
+ border-radius: var(--radius-small);
214
+ background-color: #ededed;
215
+ border-left: 1px solid var(--theme-color-primary);
216
+ }
217
+ ul.menu-lg-v li.menu-item.active,
218
+ ul.menu-lg-v li.active {
219
+ border-radius: var(--radius-small);
220
+ background-color: #ededed;
221
+ font-weight: bold;
222
+ }
223
+ ul.menu-lg-v li {
224
+ list-style: none;
225
+ }
226
+ ul.menu-lg-h {
227
+ padding: 0;
228
+ margin: 0;
229
+ line-height: var(--box-density-2);
230
+ }
231
+ ul.menu-lg-h li.menu-item,
232
+ ul.menu-lg-h li {
233
+ display: block;
234
+ margin: 0;
235
+ width: auto;
236
+ transition-property: all;
237
+ transition-duration: 0.15s;
238
+ padding: var(--box-density-1);
239
+ border-left: 1px solid var(--theme-color-border);
240
+ }
241
+ ul.menu-lg-h li.menu-item:hover,
242
+ ul.menu-lg-h li:hover {
243
+ border-radius: var(--radius-small);
244
+ background-color: #ededed;
245
+ border-left: 1px solid var(--theme-color-primary);
246
+ }
247
+ ul.menu-lg-h li.menu-item.active,
248
+ ul.menu-lg-h li.active {
249
+ border-radius: var(--radius-small);
250
+ background-color: #ededed;
251
+ font-weight: bold;
252
+ }
253
+ ul.menu-lg-h li {
254
+ list-style: none;
255
+ }
256
+ ul.menu-lg-v li.menu-item.active,
257
+ ul.menu-lg-v li.active {
258
+ font-weight: bold;
259
+ margin-left: 1rem;
260
+ }
261
+ ul.menu-lg-h {
262
+ max-width: 100%;
263
+ display: inline-flex;
264
+ padding: 0 0;
265
+ position: relative;
266
+ border-bottom: 1px solid #ededed;
267
+ overflow-x: auto;
268
+ overflow-y: hidden;
269
+ }
270
+ ul.menu-lg-h li.menu-item,
271
+ ul.menu-lg-h li {
272
+ margin: 0;
273
+ text-align: center;
274
+ }
275
+ }
276
+ @media only screen and (min-width: 1280px) {
277
+ ul.menu-xl {
278
+ list-style: none;
279
+ list-style-type: none;
280
+ }
281
+ ul.menu-xl-v {
282
+ padding: 0;
283
+ margin: 0;
284
+ line-height: var(--box-density-2);
285
+ }
286
+ ul.menu-xl-v li.menu-item,
287
+ ul.menu-xl-v li {
288
+ display: block;
289
+ margin: 0;
290
+ width: auto;
291
+ transition-property: all;
292
+ transition-duration: 0.15s;
293
+ padding: var(--box-density-1);
294
+ border-left: 1px solid var(--theme-color-border);
295
+ }
296
+ ul.menu-xl-v li.menu-item:hover,
297
+ ul.menu-xl-v li:hover {
298
+ border-radius: var(--radius-small);
299
+ background-color: #ededed;
300
+ border-left: 1px solid var(--theme-color-primary);
301
+ }
302
+ ul.menu-xl-v li.menu-item.active,
303
+ ul.menu-xl-v li.active {
304
+ border-radius: var(--radius-small);
305
+ background-color: #ededed;
306
+ font-weight: bold;
307
+ }
308
+ ul.menu-xl-v li {
309
+ list-style: none;
310
+ }
311
+ ul.menu-xl-h {
312
+ padding: 0;
313
+ margin: 0;
314
+ line-height: var(--box-density-2);
315
+ }
316
+ ul.menu-xl-h li.menu-item,
317
+ ul.menu-xl-h li {
318
+ display: block;
319
+ margin: 0;
320
+ width: auto;
321
+ transition-property: all;
322
+ transition-duration: 0.15s;
323
+ padding: var(--box-density-1);
324
+ border-left: 1px solid var(--theme-color-border);
325
+ }
326
+ ul.menu-xl-h li.menu-item:hover,
327
+ ul.menu-xl-h li:hover {
328
+ border-radius: var(--radius-small);
329
+ background-color: #ededed;
330
+ border-left: 1px solid var(--theme-color-primary);
331
+ }
332
+ ul.menu-xl-h li.menu-item.active,
333
+ ul.menu-xl-h li.active {
334
+ border-radius: var(--radius-small);
335
+ background-color: #ededed;
336
+ font-weight: bold;
337
+ }
338
+ ul.menu-xl-h li {
339
+ list-style: none;
340
+ }
341
+ ul.menu-xl-v li.menu-item.active,
342
+ ul.menu-xl-v li.active {
343
+ font-weight: bold;
344
+ margin-left: 1rem;
345
+ }
346
+ ul.menu-xl-h {
347
+ max-width: 100%;
348
+ display: inline-flex;
349
+ padding: 0 0;
350
+ position: relative;
351
+ border-bottom: 1px solid #ededed;
352
+ overflow-x: auto;
353
+ overflow-y: hidden;
354
+ }
355
+ ul.menu-xl-h li.menu-item,
356
+ ul.menu-xl-h li {
357
+ margin: 0;
358
+ text-align: center;
359
+ }
360
+ }
361
+ @media only screen and (min-width: 1540px) {
362
+ ul.menu-xxl {
363
+ list-style: none;
364
+ list-style-type: none;
365
+ }
366
+ ul.menu-xxl-v {
367
+ padding: 0;
368
+ margin: 0;
369
+ line-height: var(--box-density-2);
370
+ }
371
+ ul.menu-xxl-v li.menu-item,
372
+ ul.menu-xxl-v li {
373
+ display: block;
374
+ margin: 0;
375
+ width: auto;
376
+ transition-property: all;
377
+ transition-duration: 0.15s;
378
+ padding: var(--box-density-1);
379
+ border-left: 1px solid var(--theme-color-border);
380
+ }
381
+ ul.menu-xxl-v li.menu-item:hover,
382
+ ul.menu-xxl-v li:hover {
383
+ border-radius: var(--radius-small);
384
+ background-color: #ededed;
385
+ border-left: 1px solid var(--theme-color-primary);
386
+ }
387
+ ul.menu-xxl-v li.menu-item.active,
388
+ ul.menu-xxl-v li.active {
389
+ border-radius: var(--radius-small);
390
+ background-color: #ededed;
391
+ font-weight: bold;
392
+ }
393
+ ul.menu-xxl-v li {
394
+ list-style: none;
395
+ }
396
+ ul.menu-xxl-h {
397
+ padding: 0;
398
+ margin: 0;
399
+ line-height: var(--box-density-2);
400
+ }
401
+ ul.menu-xxl-h li.menu-item,
402
+ ul.menu-xxl-h li {
403
+ display: block;
404
+ margin: 0;
405
+ width: auto;
406
+ transition-property: all;
407
+ transition-duration: 0.15s;
408
+ padding: var(--box-density-1);
409
+ border-left: 1px solid var(--theme-color-border);
410
+ }
411
+ ul.menu-xxl-h li.menu-item:hover,
412
+ ul.menu-xxl-h li:hover {
413
+ border-radius: var(--radius-small);
414
+ background-color: #ededed;
415
+ border-left: 1px solid var(--theme-color-primary);
416
+ }
417
+ ul.menu-xxl-h li.menu-item.active,
418
+ ul.menu-xxl-h li.active {
419
+ border-radius: var(--radius-small);
420
+ background-color: #ededed;
421
+ font-weight: bold;
422
+ }
423
+ ul.menu-xxl-h li {
424
+ list-style: none;
425
+ }
426
+ ul.menu-xxl-v li.menu-item.active,
427
+ ul.menu-xxl-v li.active {
428
+ font-weight: bold;
429
+ margin-left: 1rem;
430
+ }
431
+ ul.menu-xxl-h {
432
+ max-width: 100%;
433
+ display: inline-flex;
434
+ padding: 0 0;
435
+ position: relative;
436
+ border-bottom: 1px solid #ededed;
437
+ overflow-x: auto;
438
+ overflow-y: hidden;
439
+ }
440
+ ul.menu-xxl-h li.menu-item,
441
+ ul.menu-xxl-h li {
442
+ margin: 0;
443
+ text-align: center;
444
+ }
358
445
  }