@yongdall/skin 0.1.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.
@@ -0,0 +1,2 @@
1
+ export const files = {"style.css":"style.css"};
2
+ export const esm = {"style":"style.mjs"};
@@ -0,0 +1,9 @@
1
+ //#region packages/skin/hooks.yongdall.mjs
2
+ const enumerations = { skin: [{
3
+ skin: "@yongdall/skin/style.css",
4
+ label: "默认皮肤"
5
+ }] };
6
+
7
+ //#endregion
8
+ export { enumerations };
9
+ //# sourceMappingURL=hooks.yongdall.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hooks.yongdall.mjs","names":[],"sources":["../../packages/skin/hooks.yongdall.mjs"],"sourcesContent":["export const enumerations = {\n\tskin: [\n\t\t{ skin: '@yongdall/skin/style.css', label: '默认皮肤' },\n\t]\n};\n"],"mappings":";AAAA,MAAa,eAAe,EAC3B,MAAM,CACL;CAAE,MAAM;CAA4B,OAAO;CAAQ,CACnD,EACD"}
package/package.json ADDED
@@ -0,0 +1,5 @@
1
+ {
2
+ "name": "@yongdall/skin",
3
+ "version": "0.1.0",
4
+ "dependencies": {}
5
+ }
package/style.css ADDED
@@ -0,0 +1,766 @@
1
+ :root {
2
+ --color-primary: #00BBDD;
3
+ --color-canvas: Canvas;
4
+ --color-text: Canvas;
5
+ --color-navMenu-filter-highlight: #FF0;
6
+ --color-global-background: #f0f2f5;
7
+ }
8
+ :root, .palette {
9
+ /* 背景仍为深色(保持暗色模式基调),但可加入主色微调 */
10
+ --color-nav-bg: #1a1a1a;
11
+
12
+ /* 默认文字用浅灰,但悬停/激活时全面启用主题色 */
13
+ --color-nav-text: #cfcfcf;
14
+
15
+ /* 【重点】悬停文字直接使用主色,强化品牌感知 */
16
+ --color-nav-text-highlight: var(--color-primary);
17
+
18
+ /* 悬停背景:用主色的低透明度叠加,形成“发光”效果 */
19
+ --color-nav-bg-highlight: color-mix(in srgb, var(--color-primary) 60%, transparent);
20
+
21
+ /* Logo 使用主色,与悬停态呼应 */
22
+ --color-nav-logo: var(--color-primary);
23
+
24
+ }
25
+ .palette-nav-primary {
26
+ /* 背景 = 主色 */
27
+ --color-nav-bg: var(--color-primary);
28
+
29
+ /* 文字反白(假设主色足够亮)*/
30
+ --color-nav-text: #ffffff;
31
+
32
+ /* 悬停文字:用更亮的白色或主色的亮变体(此处保守用亮白)*/
33
+ --color-nav-text-highlight: #f8faff;
34
+
35
+ /* 悬停背景:主色叠加白色半透明,模拟“提亮” */
36
+ --color-nav-bg-highlight: color-mix(in srgb, white 20%, var(--color-primary));
37
+
38
+ /* Logo 反白以匹配背景 */
39
+ --color-nav-logo: #ffffff;
40
+
41
+ }
42
+
43
+
44
+ *,
45
+ *::before,
46
+ *::after {
47
+ box-sizing: border-box;
48
+ scrollbar-color: #6666 #FFF0;
49
+ }
50
+ html,
51
+ body {
52
+ block-size: 100%;
53
+ inline-size: 100%;
54
+ font-size: var(--font-size);
55
+ line-height: var(--line-height);
56
+ }
57
+ :root {
58
+ --theme-sider-size: 300px;
59
+ --font-size: 14px;
60
+ --line-height: 1.5em;
61
+ --border-radius: 8px;
62
+ }
63
+
64
+
65
+ body {
66
+ margin: 0;
67
+ color: rgba(0, 0, 0, 0.85);
68
+ background: var(--color-global-background);
69
+ scrollbar-gutter: stable;
70
+ }
71
+ table {
72
+ border-spacing: 0px;
73
+ }
74
+ a {
75
+ color: var(--color-primary);
76
+ text-decoration: none;
77
+ background-color: transparent;
78
+ outline: none;
79
+ cursor: pointer;
80
+ transition: color 0.3s;
81
+ -webkit-text-decoration-skip: objects;
82
+
83
+ &:hover,
84
+ &:focus {
85
+ color: #40a9ff;
86
+ text-decoration: underline;
87
+ }
88
+
89
+ &[disabled] {
90
+ color: rgba(0, 0, 0, 0.25);
91
+ cursor: not-allowed;
92
+ }
93
+
94
+ }
95
+
96
+ input:not([type=checkbox]),
97
+ textarea,
98
+ select,
99
+ yongdall-select {
100
+ width: 100%;
101
+ }
102
+
103
+ input[type="checkbox"] {
104
+ vertical-align: middle;
105
+ margin: unset;
106
+ }
107
+
108
+ input,
109
+ textarea,
110
+ select,
111
+ nl-pagination-sizer::part(input),
112
+ yongdall-select {
113
+ box-sizing: border-box;
114
+ font-size: inherit;
115
+ block-size: 32px;
116
+ line-height: 32px;
117
+ background-color: #ffffff;
118
+ border-radius: 4px;
119
+ border: solid 1px #dcdfe6;
120
+ cursor: text;
121
+ padding-block: 1px;
122
+ padding-inline: 11px;
123
+ transform: translateZ(0);
124
+ transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
125
+ outline: none;
126
+ color: #000;
127
+ user-select: all;
128
+
129
+ &:hover {
130
+ border-color: #c0c4cc;
131
+ }
132
+
133
+ &:focus {
134
+ border-color: #409eff;
135
+ }
136
+
137
+ &:read-only {
138
+ border-color: #c0c4cc;
139
+ }
140
+
141
+ &:disabled {
142
+ color: #000;
143
+ border: solid 1px #dcdfe633;
144
+ }
145
+ }
146
+
147
+ textarea {
148
+ min-block-size: 64px;
149
+ line-height: 1.5em;
150
+ resize: vertical;
151
+ display: block;
152
+ inline-size: 100%;
153
+ }
154
+
155
+ td>textarea:only-child {
156
+ min-block-size: auto;
157
+
158
+ }
159
+
160
+ button,
161
+ nl-pagination-prev::part(button),
162
+ nl-pagination-pager::part(button),
163
+ nl-pagination-next::part(button) {
164
+ border-radius: 4px;
165
+ font-size: 14px;
166
+ padding-block: 8px;
167
+ padding-inline: 15px;
168
+
169
+ align-items: center;
170
+ background-color: #ffffff;
171
+ border: 1px solid #dcdfe6;
172
+ border-color: #dcdfe6;
173
+ box-sizing: border-box;
174
+ color: #606266;
175
+ cursor: pointer;
176
+ display: inline-flex;
177
+ font-weight: 500;
178
+ block-size: 32px;
179
+ justify-content: center;
180
+ line-height: 1;
181
+ outline: none;
182
+ text-align: center;
183
+ transition: .1s;
184
+ user-select: none;
185
+ vertical-align: middle;
186
+ white-space: nowrap;
187
+
188
+ &:hover {
189
+ background-color: rgb(235.9, 245.3, 255);
190
+ border-color: rgb(197.7, 225.9, 255);
191
+ color: #409eff;
192
+ }
193
+
194
+ &.primary {
195
+ background-color: #409eff;
196
+ border-color: #409eff;
197
+ color: #FFFFFF;
198
+
199
+ &:hover {
200
+ background-color: #79bbff;
201
+ border-color: #79bbff;
202
+ }
203
+
204
+ }
205
+
206
+ &:disabled {
207
+ pointer-events: none;
208
+ opacity: .8;
209
+
210
+ &::after {
211
+ background-color: #ffffff4d;
212
+ border-radius: inherit;
213
+ content: "";
214
+ pointer-events: none;
215
+ position: absolute;
216
+ inset: -1px;
217
+ z-index: 1;
218
+ }
219
+ }
220
+
221
+ }
222
+
223
+ nl-pagination-pager::part(current) {
224
+ font-weight: bolder;
225
+ }
226
+
227
+ button {
228
+ position: relative;
229
+
230
+ svg.icon {
231
+ inline-size: 1em;
232
+ block-size: 1em;
233
+ }
234
+
235
+ &.icon {
236
+ padding: 8px;
237
+ }
238
+
239
+
240
+ >a:only-child {
241
+ color: inherit;
242
+ text-decoration: inherit;
243
+ cursor: inherit;
244
+
245
+ &::before {
246
+ content: '';
247
+ position: absolute;
248
+ inset: 0;
249
+ }
250
+ }
251
+ }
252
+
253
+ details {
254
+ border-radius: 4px;
255
+ padding: 8px;
256
+ border: 1px solid #aaa;
257
+ border-radius: 4px;
258
+ padding-block-start: 0.5em;
259
+ padding-inline: 0.5em;
260
+ padding-block-end: 0;
261
+
262
+ summary {
263
+ font-weight: bold;
264
+ margin-block-start: -0.5em;
265
+ margin-inline: -0.5em;
266
+ margin-block-end: 0;
267
+ padding: 0.5em;
268
+ }
269
+
270
+ &[open] {
271
+ padding: 0.5em;
272
+
273
+ >summary {
274
+ border-block-end: 1px solid #aaa;
275
+ margin-block-end: 0.5em;
276
+ }
277
+ }
278
+
279
+ }
280
+
281
+ dialog {
282
+ max-inline-size: unset;
283
+ max-block-size: unset;
284
+ user-select: text;
285
+ visibility: visible;
286
+ overflow: auto;
287
+ border: none;
288
+
289
+ position: relative;
290
+ margin-block-start: 15vh;
291
+ margin-inline: auto;
292
+ margin-block-end: 50px;
293
+ background: #FFFFFF;
294
+ border-radius: 4px;
295
+ box-shadow: var(--el-box-shadow);
296
+ box-sizing: border-box;
297
+ padding: 16px;
298
+ overflow-wrap: break-word;
299
+
300
+ }
301
+
302
+ [hidden] {
303
+ display: none !important;
304
+ }
305
+
306
+ .Page {
307
+ min-inline-size: 100%;
308
+ display: flex;
309
+ align-items: flex-start;
310
+ padding-inline: 4px;
311
+ }
312
+
313
+ .Page-header {
314
+ display: flex;
315
+ flex-direction: row;
316
+ border-start-start-radius: var(--border-radius);
317
+ border-start-end-radius: var(--border-radius);
318
+ z-index: 100;
319
+ }
320
+
321
+
322
+ .Page-header-main {
323
+ flex: 1;
324
+ }
325
+
326
+ .Page-main {
327
+ border-radius: var(--border-radius);
328
+ padding-block: 8px;
329
+ padding-inline: 4px;
330
+ flex: 1;
331
+ }
332
+
333
+ .Page-footer {
334
+ display: flex;
335
+ flex-direction: row;
336
+ position: sticky;
337
+ inset-inline-start: 0;
338
+ inset-block-end: 0;
339
+
340
+ }
341
+
342
+ .Page-body {
343
+ min-inline-size: 100%;
344
+ inline-size: 100%;
345
+ margin-block: 8px;
346
+ }
347
+
348
+ .Page-panel {
349
+ background-color: var(--color-canvas);
350
+ border-radius: var(--border-radius);
351
+ padding: 8px;
352
+ }
353
+ .Page-sides {
354
+ padding-inline: 4px;
355
+ scrollbar-color: #666 #0000;
356
+ &:empty {
357
+ display: none;
358
+ }
359
+ }
360
+
361
+ .Page-sider-body {
362
+ margin-block: 8px;
363
+ }
364
+
365
+ .Page-mode-flex {
366
+ overflow: hidden;
367
+ align-items: stretch;
368
+ .Page-sides {
369
+ overflow: auto;
370
+ }
371
+
372
+ .Page-main {
373
+ display: flex;
374
+ flex-direction: column;
375
+ overflow: hidden;
376
+ inline-size: 100%;
377
+ }
378
+
379
+ .Page-body {
380
+ flex: 1;
381
+ overflow: hidden;
382
+ inline-size: 100%;
383
+ display: flex;
384
+ }
385
+ .Page-body-main {
386
+ overflow: auto;
387
+ flex: 1;
388
+ }
389
+ }
390
+ .Page-sider-header {
391
+ display: flex;
392
+ flex-direction: row;
393
+ align-items: center;
394
+ }
395
+ .Page-sider-title {
396
+ flex: 1;
397
+ }
398
+ .Page-sider-buttons {
399
+ }
400
+ .Page-sider-menu {
401
+ padding: 8px;
402
+ }
403
+
404
+ .QueryFilters {
405
+ display: flex;
406
+ gap: 8px;
407
+ overflow: auto;
408
+ }
409
+
410
+ .QueryFilters>* {
411
+ width: 100px;
412
+ }
413
+
414
+ .NeeloongForm {
415
+ display: grid;
416
+ grid-template-columns: repeat(24, 1fr);
417
+ gap: .5em;
418
+ padding: .5em;
419
+ }
420
+
421
+ .NeeloongForm>* {
422
+ grid-column: span 24;
423
+ }
424
+
425
+ .NeeloongForm-item {
426
+ margin-bottom: 1.2em;
427
+ }
428
+
429
+ .NeeloongForm-table {
430
+ width: 100%;
431
+ }
432
+
433
+
434
+
435
+ .NeeloongForm-item:last-child {
436
+ margin-block-end: 0;
437
+ }
438
+
439
+ .NeeloongForm-item-label {
440
+ justify-content: flex-end;
441
+ text-align: right;
442
+
443
+ align-items: flex-start;
444
+ box-sizing: border-box;
445
+ display: inline-flex;
446
+ flex: 0 0 auto;
447
+ height: 1.2em;
448
+ line-height: 1.2em;
449
+ }
450
+
451
+ .NeeloongForm-item-required>.NeeloongForm-item-label::after {
452
+ content: '*';
453
+ color: red;
454
+ }
455
+
456
+ .NeeloongForm-item-content {
457
+ align-items: center;
458
+ display: flex;
459
+ flex: 1;
460
+ flex-wrap: wrap;
461
+ font-size: 14px;
462
+ line-height: 32px;
463
+ min-width: 0;
464
+ position: relative;
465
+ }
466
+
467
+ .NeeloongForm-item-description {
468
+ position: absolute;
469
+ .NeeloongForm-item-errored & {
470
+ display: none;
471
+ }
472
+ }
473
+
474
+ .NeeloongForm-item-error {
475
+ display: none;
476
+ position: absolute;
477
+ color: #FF0000;
478
+
479
+ .NeeloongForm-item-errored & {
480
+ display: block;
481
+ }
482
+ }
483
+
484
+ .NeeloongForm-tree {
485
+ display: flex;
486
+ margin: -.5em;
487
+ }
488
+
489
+ .NeeloongForm-tree-main {
490
+ flex: 1;
491
+ padding: .5em;
492
+ }
493
+
494
+ .NeeloongForm-tree-splitter {
495
+ inline-size: 8px;
496
+ background-color: aqua;
497
+ }
498
+
499
+ .NeeloongForm-tree-details {
500
+ inline-size: 50%;
501
+ }
502
+
503
+
504
+ .NeeloongForm-tree-foot {
505
+ position: relative;
506
+
507
+ }
508
+
509
+ .NeeloongForm-tree-item {
510
+ margin-inline-start: calc(var(--NeeloongForm-tree-level) * 1em);
511
+ position: relative;
512
+ }
513
+
514
+ .NeeloongForm-tree-drop,
515
+ .NeeloongForm-tree-drop-children {
516
+ display: none;
517
+ position: absolute;
518
+ inset-inline: 0;
519
+ box-sizing: border-box;
520
+ }
521
+
522
+ .NeeloongForm-tree-drop {
523
+ inset-block-start: -30%;
524
+ block-size: 60%;
525
+ display: none;
526
+ z-index: 0;
527
+
528
+ &.NeeloongForm-tree-drag-over {
529
+ background-color: #00ffff66;
530
+ }
531
+ }
532
+
533
+ .NeeloongForm-tree-drop-children {
534
+ inset-block-end: 0;
535
+ block-size: 50%;
536
+ display: none;
537
+ z-index: 1;
538
+
539
+ &.NeeloongForm-tree-drag-over {
540
+ background-color: #ffd70066;
541
+
542
+ }
543
+
544
+ }
545
+
546
+ .NeeloongForm-tree-moving .NeeloongForm-tree-drop,
547
+ .NeeloongForm-tree-moving .NeeloongForm-tree-drop-children {
548
+ display: block;
549
+
550
+ }
551
+
552
+ .NeeloongForm-tree-line {
553
+ display: flex;
554
+ }
555
+
556
+ .NeeloongForm-tree-current {
557
+ background-color: antiquewhite;
558
+ }
559
+
560
+ .NeeloongForm-tree-placeholder {
561
+ flex: 1
562
+ }
563
+
564
+ .NeeloongForm-tree-cell {
565
+ display: flex;
566
+ align-items: center;
567
+
568
+
569
+ }
570
+
571
+ .NeeloongForm-tree-handle {}
572
+
573
+ .NeeloongForm-tree-collapse:disabled {
574
+ visibility: hidden;
575
+ }
576
+
577
+
578
+
579
+ .NeeloongForm-table,
580
+ .NeeloongForm-tree-main {
581
+ counter-reset: NeeloongForm-no;
582
+ }
583
+
584
+ .NeeloongForm-table>tbody,
585
+ .NeeloongForm-tree-item {
586
+ counter-increment: NeeloongForm-no;
587
+ }
588
+
589
+ .NeeloongForm-table-serial::after,
590
+ .NeeloongForm-tree-serial::before {
591
+ content: counter(NeeloongForm-no);
592
+ }
593
+
594
+
595
+ .NeeloongForm-tree-collapse,
596
+ .NeeloongForm-table-move,
597
+ .NeeloongForm-tree-move,
598
+ .NeeloongForm-table-add,
599
+ .NeeloongForm-tree-head-add,
600
+ .NeeloongForm-tree-foot-add,
601
+ .NeeloongForm-tree-add,
602
+ .NeeloongForm-table-remove,
603
+ .NeeloongForm-tree-remove,
604
+ .NeeloongForm-table-line-close,
605
+ .NeeloongForm-tree-collapse-close,
606
+ .NeeloongForm-table-line-open,
607
+ .NeeloongForm-tree-collapse-open,
608
+ .NeeloongForm-tree-trigger,
609
+ .NeeloongForm-tree-open {
610
+ padding: 8px;
611
+ &::before {
612
+ content: '';
613
+ background-repeat: no-repeat;
614
+ content: ' ';
615
+ }
616
+ }
617
+
618
+
619
+ .NeeloongForm-table-move::before,
620
+ .NeeloongForm-tree-move::before {
621
+ /** 移动 */
622
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M909.3 506.3L781.7 405.6a7.23 7.23 0 00-11.7 5.7V476H548V254h64.8c6 0 9.4-7 5.7-11.7L517.7 114.7a7.14 7.14 0 00-11.3 0L405.6 242.3a7.23 7.23 0 005.7 11.7H476v222H254v-64.8c0-6-7-9.4-11.7-5.7L114.7 506.3a7.14 7.14 0 000 11.3l127.5 100.8c4.7 3.7 11.7.4 11.7-5.7V548h222v222h-64.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V548h222v64.8c0 6 7 9.4 11.7 5.7l127.5-100.8a7.3 7.3 0 00.1-11.4z' fill='%23000'/%3E%3C/svg%3E");
623
+
624
+ }
625
+
626
+ .NeeloongForm-table-add::before,
627
+ .NeeloongForm-tree-head-add::before,
628
+ .NeeloongForm-tree-foot-add::before,
629
+ .NeeloongForm-tree-add::before {
630
+ /** 添加 */
631
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8zM192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z' fill='%23000'/%3E%3C/svg%3E");
632
+
633
+ }
634
+
635
+ .NeeloongForm-table-remove::before,
636
+ .NeeloongForm-tree-remove::before {
637
+ /** 删除 */
638
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z' fill='%23000'/%3E%3C/svg%3E");
639
+
640
+ }
641
+
642
+ .NeeloongForm-table-line-close::before,
643
+ .NeeloongForm-tree-collapse-close::before {
644
+ /** 收起 */
645
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z' fill='%23000'/%3E%3C/svg%3E");
646
+ }
647
+
648
+ .NeeloongForm-table-line-open::before,
649
+ .NeeloongForm-tree-collapse-open::before {
650
+ /** 展开 */
651
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='64 64 896 896' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z' fill='%23000'/%3E%3C/svg%3E");
652
+ }
653
+
654
+ .NeeloongForm-tree-trigger::before,
655
+ .NeeloongForm-tree-open::before {
656
+ /** 打开 */
657
+ content: '开';
658
+ }
659
+
660
+ .NeeloongForm-tree-current>*>.NeeloongForm-tree-trigger::before {
661
+ /** 关闭 */
662
+ content: '关';
663
+ }
664
+
665
+ .NavMenu {
666
+ background-color: #ffffff;
667
+ border-right: 1px solid #dcdfe6;
668
+ box-sizing: border-box;
669
+ list-style: none;
670
+ margin: 0;
671
+ padding-left: 0;
672
+ position: relative;
673
+
674
+ ::highlight(NavMenu-filter-highlight) {
675
+ background-color: var(--color-navMenu-filter-highlight);
676
+ }
677
+ }
678
+
679
+ .NavMenu-header {
680
+ display: flex;
681
+ flex-direction: row;
682
+
683
+ input {
684
+ flex: 1;
685
+ }
686
+ }
687
+
688
+ .NavMenu-item,
689
+ .NavMenu-label {
690
+
691
+ align-items: center;
692
+ box-sizing: border-box;
693
+ color: #303133;
694
+ cursor: pointer;
695
+ display: flex;
696
+ font-size: 14px;
697
+ block-size: 40px;
698
+ line-height: 40px;
699
+ padding-block: 0;
700
+ padding-inline-end: 20px;
701
+ position: relative;
702
+ transition: border-color .3s, background-color .3s, color .3s;
703
+ white-space: nowrap;
704
+ padding-inline-start: calc(var(--NavMenu-level) * 20px);
705
+ }
706
+
707
+ nl-collapse::part(header):hover,
708
+ .NavMenu-item:hover {
709
+ background-color: #ecf5ff;
710
+ }
711
+
712
+ .NavMenu-current {
713
+ color: #409eff;
714
+ }
715
+
716
+ .NavMenu-item>a:only-child::before {
717
+ content: '';
718
+ position: absolute;
719
+ inset: 0;
720
+ }
721
+
722
+ .NavMenu-item>a {
723
+ color: inherit;
724
+ }
725
+
726
+ .FieldFilter-filters {
727
+ display: grid;
728
+ grid-template-columns: repeat(4, 1fr);
729
+ }
730
+ .FieldFilter-filters .FieldFilter-field {
731
+ display: contents;
732
+
733
+ }
734
+ .FieldFilter-fieldName {grid-column-start: 1;}
735
+ .FieldFilter-field .FieldFilter-main {
736
+ display: contents;
737
+ }
738
+ .FieldFilter-operator {
739
+ grid-column-start: 2;
740
+
741
+ }
742
+ .FieldFilter-value {
743
+ grid-column-start: 3;
744
+
745
+ }
746
+ .FieldFilter-remove {
747
+ grid-column-start: 4;
748
+ }
749
+
750
+ .MenuButtons {
751
+ > button + button,
752
+ > button + nl-menu + button {
753
+ border-start-start-radius: 0;
754
+ border-end-start-radius: 0;
755
+ }
756
+ > button:has( + button),
757
+ > button:has( + nl-menu + button) {
758
+ border-start-end-radius: 0;
759
+ border-end-end-radius: 0;
760
+
761
+ }
762
+ }
763
+
764
+
765
+
766
+ /*# sourceMappingURL=style.css.map*/
package/style.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.css","names":[],"sources":["../../packages/skin/palette.css","../../packages/skin/base.css","../../packages/skin/Page.css","../../packages/skin/QueryFilters.css","../../packages/skin/components/NeeloongForm.css","../../packages/skin/components/NavMenu.css","../../packages/skin/components/FieldFilter.css","../../packages/skin/MenuButtons.css","../../packages/skin/style.css"],"sourcesContent":[":root {\n\t--color-primary: #00BBDD;\n\t--color-canvas: Canvas;\n\t--color-text: Canvas;\n\t--color-navMenu-filter-highlight: #FF0;\n --color-global-background: #f0f2f5;\n}\n:root, .palette {\n /* 背景仍为深色(保持暗色模式基调),但可加入主色微调 */\n --color-nav-bg: #1a1a1a;\n\n /* 默认文字用浅灰,但悬停/激活时全面启用主题色 */\n --color-nav-text: #cfcfcf;\n\n /* 【重点】悬停文字直接使用主色,强化品牌感知 */\n --color-nav-text-highlight: var(--color-primary);\n\n /* 悬停背景:用主色的低透明度叠加,形成“发光”效果 */\n --color-nav-bg-highlight: color-mix(in srgb, var(--color-primary) 60%, transparent);\n\n /* Logo 使用主色,与悬停态呼应 */\n --color-nav-logo: var(--color-primary);\n\n}\n.palette-nav-primary {\n /* 背景 = 主色 */\n --color-nav-bg: var(--color-primary);\n\n /* 文字反白(假设主色足够亮)*/\n --color-nav-text: #ffffff;\n\n /* 悬停文字:用更亮的白色或主色的亮变体(此处保守用亮白)*/\n --color-nav-text-highlight: #f8faff;\n\n /* 悬停背景:主色叠加白色半透明,模拟“提亮” */\n --color-nav-bg-highlight: color-mix(in srgb, white 20%, var(--color-primary));\n\n /* Logo 反白以匹配背景 */\n --color-nav-logo: #ffffff;\n\n}\n","\n*,\n*::before,\n*::after {\n\tbox-sizing: border-box;\n\tscrollbar-color: #6666 #FFF0;\n}\nhtml,\nbody {\n\tblock-size: 100%;\n\tinline-size: 100%;\n\tfont-size: var(--font-size);\n\tline-height: var(--line-height);\n}\n:root {\n\t--theme-sider-size: 300px;\n\t--font-size: 14px;\n\t--line-height: 1.5em;\n\t--border-radius: 8px;\n}\n\n\nbody {\n\tmargin: 0;\n\tcolor: rgba(0, 0, 0, 0.85);\n\tbackground: var(--color-global-background);\n\tscrollbar-gutter: stable;\n}\ntable {\n\tborder-spacing: 0px;\n}\na {\n\tcolor: var(--color-primary);\n\ttext-decoration: none;\n\tbackground-color: transparent;\n\toutline: none;\n\tcursor: pointer;\n\ttransition: color 0.3s;\n\t-webkit-text-decoration-skip: objects;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: #40a9ff;\n\t\ttext-decoration: underline;\n\t}\n\n\t&[disabled] {\n\t\tcolor: rgba(0, 0, 0, 0.25);\n\t\tcursor: not-allowed;\n\t}\n\n}\n\ninput:not([type=checkbox]),\ntextarea,\nselect,\nyongdall-select {\n\twidth: 100%;\n}\n\ninput[type=\"checkbox\"] {\n\tvertical-align: middle;\n\tmargin: unset;\n}\n\ninput,\ntextarea,\nselect,\nnl-pagination-sizer::part(input),\nyongdall-select {\n\tbox-sizing: border-box;\n\tfont-size: inherit;\n\tblock-size: 32px;\n\tline-height: 32px;\n\tbackground-color: #ffffff;\n\tborder-radius: 4px;\n\tborder: solid 1px #dcdfe6;\n\tcursor: text;\n\tpadding-block: 1px;\n\tpadding-inline: 11px;\n\ttransform: translateZ(0);\n\ttransition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n\toutline: none;\n\tcolor: #000;\n\tuser-select: all;\n\n\t&:hover {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:focus {\n\t\tborder-color: #409eff;\n\t}\n\n\t&:read-only {\n\t\tborder-color: #c0c4cc;\n\t}\n\n\t&:disabled {\n\t\tcolor: #000;\n\t\tborder: solid 1px #dcdfe633;\n\t}\n}\n\ntextarea {\n\tmin-block-size: 64px;\n\tline-height: 1.5em;\n\tresize: vertical;\n\tdisplay: block;\n\tinline-size: 100%;\n}\n\ntd>textarea:only-child {\n\tmin-block-size: auto;\n\n}\n\nbutton,\nnl-pagination-prev::part(button),\nnl-pagination-pager::part(button),\nnl-pagination-next::part(button) {\n\tborder-radius: 4px;\n\tfont-size: 14px;\n\tpadding-block: 8px;\n\tpadding-inline: 15px;\n\n\talign-items: center;\n\tbackground-color: #ffffff;\n\tborder: 1px solid #dcdfe6;\n\tborder-color: #dcdfe6;\n\tbox-sizing: border-box;\n\tcolor: #606266;\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont-weight: 500;\n\tblock-size: 32px;\n\tjustify-content: center;\n\tline-height: 1;\n\toutline: none;\n\ttext-align: center;\n\ttransition: .1s;\n\tuser-select: none;\n\tvertical-align: middle;\n\twhite-space: nowrap;\n\n\t&:hover {\n\t\tbackground-color: rgb(235.9, 245.3, 255);\n\t\tborder-color: rgb(197.7, 225.9, 255);\n\t\tcolor: #409eff;\n\t}\n\n\t&.primary {\n\t\tbackground-color: #409eff;\n\t\tborder-color: #409eff;\n\t\tcolor: #FFFFFF;\n\n\t\t&:hover {\n\t\t\tbackground-color: #79bbff;\n\t\t\tborder-color: #79bbff;\n\t\t}\n\n\t}\n\n\t&:disabled {\n\t\tpointer-events: none;\n\t\topacity: .8;\n\n\t\t&::after {\n\t\t\tbackground-color: #ffffff4d;\n\t\t\tborder-radius: inherit;\n\t\t\tcontent: \"\";\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tinset: -1px;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n}\n\nnl-pagination-pager::part(current) {\n\tfont-weight: bolder;\n}\n\nbutton {\n\tposition: relative;\n\n\tsvg.icon {\n\t\tinline-size: 1em;\n\t\tblock-size: 1em;\n\t}\n\n\t&.icon {\n\t\tpadding: 8px;\n\t}\n\n\n\t>a:only-child {\n\t\tcolor: inherit;\n\t\ttext-decoration: inherit;\n\t\tcursor: inherit;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t}\n\t}\n}\n\ndetails {\n\tborder-radius: 4px;\n\tpadding: 8px;\n\tborder: 1px solid #aaa;\n\tborder-radius: 4px;\n\tpadding-block-start: 0.5em;\n\tpadding-inline: 0.5em;\n\tpadding-block-end: 0;\n\n\tsummary {\n\t\tfont-weight: bold;\n\t\tmargin-block-start: -0.5em;\n\t\tmargin-inline: -0.5em;\n\t\tmargin-block-end: 0;\n\t\tpadding: 0.5em;\n\t}\n\n\t&[open] {\n\t\tpadding: 0.5em;\n\n\t\t>summary {\n\t\t\tborder-block-end: 1px solid #aaa;\n\t\t\tmargin-block-end: 0.5em;\n\t\t}\n\t}\n\n}\n\ndialog {\n\tmax-inline-size: unset;\n\tmax-block-size: unset;\n\tuser-select: text;\n\tvisibility: visible;\n\toverflow: auto;\n\tborder: none;\n\n\tposition: relative;\n\tmargin-block-start: 15vh;\n\tmargin-inline: auto;\n\tmargin-block-end: 50px;\n\tbackground: #FFFFFF;\n\tborder-radius: 4px;\n\tbox-shadow: var(--el-box-shadow);\n\tbox-sizing: border-box;\n\tpadding: 16px;\n\toverflow-wrap: break-word;\n\n}\n\n[hidden] {\n\tdisplay: none !important;\n}\n",".Page {\n\tmin-inline-size: 100%;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tpadding-inline: 4px;\n}\n\n.Page-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\tborder-start-start-radius: var(--border-radius);\n\tborder-start-end-radius: var(--border-radius);\n\tz-index: 100;\n}\n\n\n.Page-header-main {\n\tflex: 1;\n}\n\n.Page-main {\n\tborder-radius: var(--border-radius);\n\tpadding-block: 8px;\n\tpadding-inline: 4px;\n\tflex: 1;\n}\n\n.Page-footer {\n\tdisplay: flex;\n\tflex-direction: row;\n\tposition: sticky;\n\tinset-inline-start: 0;\n\tinset-block-end: 0;\n\n}\n\n.Page-body {\n\tmin-inline-size: 100%;\n\tinline-size: 100%;\n\tmargin-block: 8px;\n}\n\n.Page-panel {\n\tbackground-color: var(--color-canvas);\n\tborder-radius: var(--border-radius);\n\tpadding: 8px;\n}\n.Page-sides {\n\tpadding-inline: 4px;\n\tscrollbar-color: #666 #0000;\n\t&:empty {\n\t\tdisplay: none;\n\t}\n}\n\n.Page-sider-body {\n\tmargin-block: 8px;\n}\n\n.Page-mode-flex {\n\toverflow: hidden;\n\talign-items: stretch;\n\t.Page-sides {\n\t\toverflow: auto;\n\t}\n\n\t.Page-main {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t}\n\n\t.Page-body {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tdisplay: flex;\n\t}\n\t.Page-body-main {\n\t\toverflow: auto;\n\t\tflex: 1;\n\t}\n}\n.Page-sider-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n}\n.Page-sider-title {\n\tflex: 1;\n}\n.Page-sider-buttons {\n}\n.Page-sider-menu {\n\tpadding: 8px;\n}\n",".QueryFilters {\n\tdisplay: flex;\n\tgap: 8px;\n\toverflow: auto;\n}\n\n.QueryFilters>* {\n\twidth: 100px;\n}\n",".NeeloongForm {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(24, 1fr);\n\tgap: .5em;\n\tpadding: .5em;\n}\n\n.NeeloongForm>* {\n\tgrid-column: span 24;\n}\n\n.NeeloongForm-item {\n\tmargin-bottom: 1.2em;\n}\n\n.NeeloongForm-table {\n\twidth: 100%;\n}\n\n\n\n.NeeloongForm-item:last-child {\n\tmargin-block-end: 0;\n}\n\n.NeeloongForm-item-label {\n\tjustify-content: flex-end;\n\ttext-align: right;\n\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tflex: 0 0 auto;\n\theight: 1.2em;\n\tline-height: 1.2em;\n}\n\n.NeeloongForm-item-required>.NeeloongForm-item-label::after {\n\tcontent: '*';\n\tcolor: red;\n}\n\n.NeeloongForm-item-content {\n\talign-items: center;\n\tdisplay: flex;\n\tflex: 1;\n\tflex-wrap: wrap;\n\tfont-size: 14px;\n\tline-height: 32px;\n\tmin-width: 0;\n\tposition: relative;\n}\n\n.NeeloongForm-item-description {\n\tposition: absolute;\n\t.NeeloongForm-item-errored & {\n\t\tdisplay: none;\n\t}\n}\n\n.NeeloongForm-item-error {\n\tdisplay: none;\n\tposition: absolute;\n\tcolor: #FF0000;\n\n\t.NeeloongForm-item-errored & {\n\t\tdisplay: block;\n\t}\n}\n\n.NeeloongForm-tree {\n\tdisplay: flex;\n\tmargin: -.5em;\n}\n\n.NeeloongForm-tree-main {\n\tflex: 1;\n\tpadding: .5em;\n}\n\n.NeeloongForm-tree-splitter {\n\tinline-size: 8px;\n\tbackground-color: aqua;\n}\n\n.NeeloongForm-tree-details {\n\tinline-size: 50%;\n}\n\n\n.NeeloongForm-tree-foot {\n\tposition: relative;\n\n}\n\n.NeeloongForm-tree-item {\n\tmargin-inline-start: calc(var(--NeeloongForm-tree-level) * 1em);\n\tposition: relative;\n}\n\n.NeeloongForm-tree-drop,\n.NeeloongForm-tree-drop-children {\n\tdisplay: none;\n\tposition: absolute;\n\tinset-inline: 0;\n\tbox-sizing: border-box;\n}\n\n.NeeloongForm-tree-drop {\n\tinset-block-start: -30%;\n\tblock-size: 60%;\n\tdisplay: none;\n\tz-index: 0;\n\n\t&.NeeloongForm-tree-drag-over {\n\t\tbackground-color: #00ffff66;\n\t}\n}\n\n.NeeloongForm-tree-drop-children {\n\tinset-block-end: 0;\n\tblock-size: 50%;\n\tdisplay: none;\n\tz-index: 1;\n\n\t&.NeeloongForm-tree-drag-over {\n\t\tbackground-color: #ffd70066;\n\n\t}\n\n}\n\n.NeeloongForm-tree-moving .NeeloongForm-tree-drop,\n.NeeloongForm-tree-moving .NeeloongForm-tree-drop-children {\n\tdisplay: block;\n\n}\n\n.NeeloongForm-tree-line {\n\tdisplay: flex;\n}\n\n.NeeloongForm-tree-current {\n\tbackground-color: antiquewhite;\n}\n\n.NeeloongForm-tree-placeholder {\n\tflex: 1\n}\n\n.NeeloongForm-tree-cell {\n\tdisplay: flex;\n\talign-items: center;\n\n\n}\n\n.NeeloongForm-tree-handle {}\n\n.NeeloongForm-tree-collapse:disabled {\n\tvisibility: hidden;\n}\n\n\n\n.NeeloongForm-table,\n.NeeloongForm-tree-main {\n\tcounter-reset: NeeloongForm-no;\n}\n\n.NeeloongForm-table>tbody,\n.NeeloongForm-tree-item {\n\tcounter-increment: NeeloongForm-no;\n}\n\n.NeeloongForm-table-serial::after,\n.NeeloongForm-tree-serial::before {\n\tcontent: counter(NeeloongForm-no);\n}\n\n\n.NeeloongForm-tree-collapse,\n.NeeloongForm-table-move,\n.NeeloongForm-tree-move,\n.NeeloongForm-table-add,\n.NeeloongForm-tree-head-add,\n.NeeloongForm-tree-foot-add,\n.NeeloongForm-tree-add,\n.NeeloongForm-table-remove,\n.NeeloongForm-tree-remove,\n.NeeloongForm-table-line-close,\n.NeeloongForm-tree-collapse-close,\n.NeeloongForm-table-line-open,\n.NeeloongForm-tree-collapse-open,\n.NeeloongForm-tree-trigger,\n.NeeloongForm-tree-open {\n\tpadding: 8px;\n\t&::before {\n\tcontent: '';\n\t\tbackground-repeat: no-repeat;\n\tcontent: ' ';\n\t}\n}\n\n\n.NeeloongForm-table-move::before,\n.NeeloongForm-tree-move::before {\n\t/** 移动 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M909.3 506.3L781.7 405.6a7.23 7.23 0 00-11.7 5.7V476H548V254h64.8c6 0 9.4-7 5.7-11.7L517.7 114.7a7.14 7.14 0 00-11.3 0L405.6 242.3a7.23 7.23 0 005.7 11.7H476v222H254v-64.8c0-6-7-9.4-11.7-5.7L114.7 506.3a7.14 7.14 0 000 11.3l127.5 100.8c4.7 3.7 11.7.4 11.7-5.7V548h222v222h-64.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V548h222v64.8c0 6 7 9.4 11.7 5.7l127.5-100.8a7.3 7.3 0 00.1-11.4z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-add::before,\n.NeeloongForm-tree-head-add::before,\n.NeeloongForm-tree-foot-add::before,\n.NeeloongForm-tree-add::before {\n\t/** 添加 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8zM192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-remove::before,\n.NeeloongForm-tree-remove::before {\n\t/** 删除 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z' fill='%23000'/%3E%3C/svg%3E\");\n\n}\n\n.NeeloongForm-table-line-close::before,\n.NeeloongForm-tree-collapse-close::before {\n\t/** 收起 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896'%3E%3Cpath d='M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z' fill='%23000'/%3E%3C/svg%3E\");\n}\n\n.NeeloongForm-table-line-open::before,\n.NeeloongForm-tree-collapse-open::before {\n\t/** 展开 */\n\tbackground-image: url(\"data:image/svg+xml,%3Csvg viewBox='64 64 896 896' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z' fill='%23000'/%3E%3C/svg%3E\");\n}\n\n.NeeloongForm-tree-trigger::before,\n.NeeloongForm-tree-open::before {\n\t/** 打开 */\n\tcontent: '开';\n}\n\n.NeeloongForm-tree-current>*>.NeeloongForm-tree-trigger::before {\n\t/** 关闭 */\n\tcontent: '关';\n}\n",".NavMenu {\n\tbackground-color: #ffffff;\n\tborder-right: 1px solid #dcdfe6;\n\tbox-sizing: border-box;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding-left: 0;\n\tposition: relative;\n\n\t::highlight(NavMenu-filter-highlight) {\n\t\tbackground-color: var(--color-navMenu-filter-highlight);\n\t}\n}\n\n.NavMenu-header {\n\tdisplay: flex;\n\tflex-direction: row;\n\n\tinput {\n\t\tflex: 1;\n\t}\n}\n\n.NavMenu-item,\n.NavMenu-label {\n\n\talign-items: center;\n\tbox-sizing: border-box;\n\tcolor: #303133;\n\tcursor: pointer;\n\tdisplay: flex;\n\tfont-size: 14px;\n\tblock-size: 40px;\n\tline-height: 40px;\n\tpadding-block: 0;\n\tpadding-inline-end: 20px;\n\tposition: relative;\n\ttransition: border-color .3s, background-color .3s, color .3s;\n\twhite-space: nowrap;\n\tpadding-inline-start: calc(var(--NavMenu-level) * 20px);\n}\n\nnl-collapse::part(header):hover,\n.NavMenu-item:hover {\n\tbackground-color: #ecf5ff;\n}\n\n.NavMenu-current {\n\tcolor: #409eff;\n}\n\n.NavMenu-item>a:only-child::before {\n\tcontent: '';\n\tposition: absolute;\n\tinset: 0;\n}\n\n.NavMenu-item>a {\n\tcolor: inherit;\n}\n",".FieldFilter-filters {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n}\n.FieldFilter-filters .FieldFilter-field {\n\tdisplay: contents;\n\n}\n.FieldFilter-fieldName {grid-column-start: 1;}\n.FieldFilter-field .FieldFilter-main {\n\tdisplay: contents;\n}\n.FieldFilter-operator {\n\tgrid-column-start: 2;\n\n}\n.FieldFilter-value {\n\tgrid-column-start: 3;\n\n}\n.FieldFilter-remove {\n\tgrid-column-start: 4;\n}\n",".MenuButtons {\n\t> button + button,\n\t> button + nl-menu + button {\n\t\tborder-start-start-radius: 0;\n\t\tborder-end-start-radius: 0;\n\t}\n\t> button:has( + button),\n\t> button:has( + nl-menu + button) {\n\t\tborder-start-end-radius: 0;\n\t\tborder-end-end-radius: 0;\n\n\t}\n}\n","@import url('./palette.css');\n@import url('./base.css');\n@import url('./Page.css');\n@import url('./QueryFilters.css');\n@import url('./components/NeeloongForm.css');\n@import url('./components/NavMenu.css');\n@import url('./components/FieldFilter.css');\n@import url('./MenuButtons.css');\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;;ACvCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;ACrQA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACRA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;;AAEA;;AAEA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACzPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC3DA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA"}
package/style.mjs ADDED
File without changes