@bookklik/senangstart-css 0.2.9 → 0.2.12

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 (69) hide show
  1. package/.agent/skills/add-utility/SKILL.md +65 -0
  2. package/.agent/workflows/add-utility.md +2 -0
  3. package/.agent/workflows/build.md +2 -0
  4. package/.agent/workflows/dev.md +2 -0
  5. package/AGENTS.md +30 -0
  6. package/dist/senangstart-css.js +607 -180
  7. package/dist/senangstart-css.min.js +234 -195
  8. package/dist/senangstart-tw.js +274 -8
  9. package/dist/senangstart-tw.min.js +1 -1
  10. package/docs/SYNTAX-REFERENCE.md +1731 -1590
  11. package/docs/guide/preflight.md +20 -1
  12. package/docs/ms/guide/preflight.md +19 -0
  13. package/docs/ms/reference/breakpoints.md +14 -0
  14. package/docs/ms/reference/visual/border-radius.md +50 -10
  15. package/docs/ms/reference/visual/contain.md +57 -0
  16. package/docs/ms/reference/visual/content-visibility.md +53 -0
  17. package/docs/ms/reference/visual/placeholder-color.md +92 -0
  18. package/docs/ms/reference/visual/ring-color.md +2 -2
  19. package/docs/ms/reference/visual/ring-offset.md +3 -3
  20. package/docs/ms/reference/visual/ring.md +5 -5
  21. package/docs/ms/reference/visual/writing-mode.md +53 -0
  22. package/docs/ms/reference/visual.md +6 -0
  23. package/docs/public/assets/senangstart-css.min.js +234 -195
  24. package/docs/public/llms.txt +45 -12
  25. package/docs/reference/breakpoints.md +14 -0
  26. package/docs/reference/visual/border-radius.md +50 -10
  27. package/docs/reference/visual/contain.md +57 -0
  28. package/docs/reference/visual/content-visibility.md +53 -0
  29. package/docs/reference/visual/placeholder-color.md +92 -0
  30. package/docs/reference/visual/ring-color.md +2 -2
  31. package/docs/reference/visual/ring-offset.md +3 -3
  32. package/docs/reference/visual/ring.md +5 -5
  33. package/docs/reference/visual/writing-mode.md +53 -0
  34. package/docs/reference/visual.md +7 -0
  35. package/docs/syntax-reference.json +2185 -2009
  36. package/package.json +1 -1
  37. package/scripts/convert-tailwind.js +300 -26
  38. package/scripts/generate-docs.js +403 -403
  39. package/src/cdn/senangstart-engine.js +5 -5
  40. package/src/cdn/tw-conversion-engine.js +305 -8
  41. package/src/cli/commands/build.js +51 -13
  42. package/src/cli/commands/dev.js +157 -93
  43. package/src/compiler/generators/css.js +467 -208
  44. package/src/compiler/generators/preflight.js +26 -13
  45. package/src/compiler/generators/typescript.js +3 -1
  46. package/src/compiler/index.js +27 -3
  47. package/src/compiler/parser.js +13 -6
  48. package/src/compiler/tokenizer.js +25 -23
  49. package/src/config/defaults.js +3 -0
  50. package/src/core/tokenizer-core.js +46 -19
  51. package/src/definitions/index.js +4 -1
  52. package/src/definitions/visual-borders.js +10 -10
  53. package/src/definitions/visual-performance.js +126 -0
  54. package/src/definitions/visual.js +25 -9
  55. package/src/utils/common.js +456 -27
  56. package/src/utils/node-io.js +82 -0
  57. package/tests/integration/dev-recovery.test.js +231 -0
  58. package/tests/unit/cli/memory-limits.test.js +169 -0
  59. package/tests/unit/compiler/css-generation-error-handling.test.js +204 -0
  60. package/tests/unit/compiler/generators/css-errors.test.js +102 -0
  61. package/tests/unit/compiler/generators/css.test.js +102 -5
  62. package/tests/unit/convert-tailwind.test.js +518 -431
  63. package/tests/unit/utils/common.test.js +376 -26
  64. package/tests/unit/utils/file-timeout.test.js +154 -0
  65. package/tests/unit/utils/theme-validation.test.js +181 -0
  66. package/tests/unit/compiler/generators/css.coverage.test.js +0 -833
  67. package/tests/unit/convert-tailwind.cli.test.js +0 -95
  68. package/tests/unit/security.test.js +0 -206
  69. /package/tests/unit/{convert-tailwind.coverage.test.js → convert-tailwind-edgecases.test.js} +0 -0
package/docs/syntax-reference.json CHANGED
@@ -1,2010 +1,2186 @@
1
- [
2
- {
3
- "name": "display",
4
- "property": "layout",
5
- "syntax": "layout=\"[display-value]\"",
6
- "category": "layout",
7
- "values": [
8
- "flex",
9
- "inline-flex",
10
- "grid",
11
- "inline-grid",
12
- "block",
13
- "inline",
14
- "hidden"
15
- ],
16
- "supportsArbitrary": false
17
- },
18
- {
19
- "name": "flex-direction",
20
- "property": "layout",
21
- "syntax": "layout=\"[direction]\"",
22
- "category": "layout",
23
- "values": [
24
- "row",
25
- "col",
26
- "row-reverse",
27
- "col-reverse"
28
- ],
29
- "supportsArbitrary": false
30
- },
31
- {
32
- "name": "flex-wrap",
33
- "property": "layout",
34
- "syntax": "layout=\"[wrap-value]\"",
35
- "category": "layout",
36
- "values": [
37
- "wrap",
38
- "nowrap",
39
- "wrap-reverse"
40
- ],
41
- "supportsArbitrary": false
42
- },
43
- {
44
- "name": "flex-items",
45
- "property": "layout",
46
- "syntax": "layout=\"[flex-item-value]\"",
47
- "category": "layout",
48
- "values": [
49
- "grow",
50
- "grow-0",
51
- "shrink",
52
- "shrink-0"
53
- ],
54
- "supportsArbitrary": false
55
- },
56
- {
57
- "name": "flex",
58
- "property": "layout",
59
- "syntax": "layout=\"flex:[value]\"",
60
- "category": "layout",
61
- "values": [
62
- "1",
63
- "auto",
64
- "initial",
65
- "none"
66
- ],
67
- "supportsArbitrary": true
68
- },
69
- {
70
- "name": "flex-basis",
71
- "property": "layout",
72
- "syntax": "layout=\"basis:[value]\"",
73
- "category": "layout",
74
- "values": [
75
- "auto",
76
- "0"
77
- ],
78
- "supportsArbitrary": true
79
- },
80
- {
81
- "name": "order",
82
- "property": "layout",
83
- "syntax": "layout=\"order:[value]\"",
84
- "category": "layout",
85
- "values": [
86
- "first",
87
- "last",
88
- "none",
89
- "1-12"
90
- ],
91
- "supportsArbitrary": false
92
- },
93
- {
94
- "name": "justify-content",
95
- "property": "layout",
96
- "syntax": "layout=\"justify:[value]\"",
97
- "category": "layout",
98
- "values": [
99
- "start",
100
- "end",
101
- "center",
102
- "between",
103
- "around",
104
- "evenly",
105
- "stretch"
106
- ],
107
- "supportsArbitrary": false
108
- },
109
- {
110
- "name": "align-items",
111
- "property": "layout",
112
- "syntax": "layout=\"items:[value]\"",
113
- "category": "layout",
114
- "values": [
115
- "start",
116
- "end",
117
- "center",
118
- "baseline",
119
- "stretch"
120
- ],
121
- "supportsArbitrary": false
122
- },
123
- {
124
- "name": "align-self",
125
- "property": "layout",
126
- "syntax": "layout=\"self:[value]\"",
127
- "category": "layout",
128
- "values": [
129
- "auto",
130
- "start",
131
- "end",
132
- "center",
133
- "baseline",
134
- "stretch"
135
- ],
136
- "supportsArbitrary": false
137
- },
138
- {
139
- "name": "align-content",
140
- "property": "layout",
141
- "syntax": "layout=\"content:[value]\"",
142
- "category": "layout",
143
- "values": [
144
- "start",
145
- "end",
146
- "center",
147
- "between",
148
- "around",
149
- "evenly",
150
- "stretch"
151
- ],
152
- "supportsArbitrary": false
153
- },
154
- {
155
- "name": "shorthand-alignment",
156
- "property": "layout",
157
- "syntax": "layout=\"[alignment]\"",
158
- "category": "layout",
159
- "values": [
160
- "center",
161
- "start",
162
- "end",
163
- "between",
164
- "around",
165
- "evenly"
166
- ],
167
- "supportsArbitrary": false
168
- },
169
- {
170
- "name": "justify-items",
171
- "property": "layout",
172
- "syntax": "layout=\"justify-items:[value]\"",
173
- "category": "layout",
174
- "values": [
175
- "start",
176
- "end",
177
- "center",
178
- "stretch"
179
- ],
180
- "supportsArbitrary": false
181
- },
182
- {
183
- "name": "justify-self",
184
- "property": "layout",
185
- "syntax": "layout=\"justify-self:[value]\"",
186
- "category": "layout",
187
- "values": [
188
- "auto",
189
- "start",
190
- "end",
191
- "center",
192
- "stretch"
193
- ],
194
- "supportsArbitrary": false
195
- },
196
- {
197
- "name": "place-content",
198
- "property": "layout",
199
- "syntax": "layout=\"place-content:[value]\"",
200
- "category": "layout",
201
- "values": [
202
- "start",
203
- "end",
204
- "center",
205
- "between",
206
- "around",
207
- "evenly",
208
- "stretch"
209
- ],
210
- "supportsArbitrary": false
211
- },
212
- {
213
- "name": "place-items",
214
- "property": "layout",
215
- "syntax": "layout=\"place-items:[value]\"",
216
- "category": "layout",
217
- "values": [
218
- "start",
219
- "end",
220
- "center",
221
- "stretch"
222
- ],
223
- "supportsArbitrary": false
224
- },
225
- {
226
- "name": "place-self",
227
- "property": "layout",
228
- "syntax": "layout=\"place-self:[value]\"",
229
- "category": "layout",
230
- "values": [
231
- "auto",
232
- "start",
233
- "end",
234
- "center",
235
- "stretch"
236
- ],
237
- "supportsArbitrary": false
238
- },
239
- {
240
- "name": "grid-columns",
241
- "property": "layout",
242
- "syntax": "layout=\"grid-cols:[value]\"",
243
- "category": "layout",
244
- "values": [
245
- "1-12",
246
- "none",
247
- "subgrid"
248
- ],
249
- "supportsArbitrary": false
250
- },
251
- {
252
- "name": "grid-rows",
253
- "property": "layout",
254
- "syntax": "layout=\"grid-rows:[value]\"",
255
- "category": "layout",
256
- "values": [
257
- "1-12",
258
- "none",
259
- "subgrid"
260
- ],
261
- "supportsArbitrary": false
262
- },
263
- {
264
- "name": "grid-column-span",
265
- "property": "layout",
266
- "syntax": "layout=\"col-span:[value]\"",
267
- "category": "layout",
268
- "values": [
269
- "1-12",
270
- "full"
271
- ],
272
- "supportsArbitrary": false
273
- },
274
- {
275
- "name": "grid-row-span",
276
- "property": "layout",
277
- "syntax": "layout=\"row-span:[value]\"",
278
- "category": "layout",
279
- "values": [
280
- "1-12",
281
- "full"
282
- ],
283
- "supportsArbitrary": false
284
- },
285
- {
286
- "name": "grid-auto-flow",
287
- "property": "layout",
288
- "syntax": "layout=\"grid-flow:[value]\"",
289
- "category": "layout",
290
- "values": [
291
- "row",
292
- "col",
293
- "dense",
294
- "row-dense",
295
- "col-dense"
296
- ],
297
- "supportsArbitrary": false
298
- },
299
- {
300
- "name": "grid-auto-sizing",
301
- "property": "layout",
302
- "syntax": "layout=\"auto-cols:[value]\" or layout=\"auto-rows:[value]\"",
303
- "category": "layout",
304
- "values": [
305
- "auto",
306
- "min",
307
- "max",
308
- "fr"
309
- ],
310
- "supportsArbitrary": false
311
- },
312
- {
313
- "name": "position",
314
- "property": "layout",
315
- "syntax": "layout=\"[position-value]\"",
316
- "category": "layout",
317
- "values": [
318
- "static",
319
- "relative",
320
- "absolute",
321
- "fixed",
322
- "sticky"
323
- ],
324
- "supportsArbitrary": false
325
- },
326
- {
327
- "name": "inset",
328
- "property": "layout",
329
- "syntax": "layout=\"inset:[value]\" or layout=\"top:[value]\"",
330
- "category": "layout",
331
- "values": [
332
- "inset",
333
- "inset-x",
334
- "inset-y",
335
- "top",
336
- "right",
337
- "bottom",
338
- "left"
339
- ],
340
- "supportsArbitrary": true
341
- },
342
- {
343
- "name": "z-index",
344
- "property": "layout",
345
- "syntax": "layout=\"z:[value]\"",
346
- "category": "layout",
347
- "values": [
348
- "base",
349
- "low",
350
- "mid",
351
- "high",
352
- "top"
353
- ],
354
- "supportsArbitrary": false
355
- },
356
- {
357
- "name": "visibility",
358
- "property": "layout",
359
- "syntax": "layout=\"[visibility-value]\"",
360
- "category": "layout",
361
- "values": [
362
- "visible",
363
- "invisible"
364
- ],
365
- "supportsArbitrary": false
366
- },
367
- {
368
- "name": "overflow",
369
- "property": "layout",
370
- "syntax": "layout=\"overflow:[value]\"",
371
- "category": "layout",
372
- "values": [
373
- "auto",
374
- "hidden",
375
- "visible",
376
- "scroll",
377
- "clip"
378
- ],
379
- "supportsArbitrary": false
380
- },
381
- {
382
- "name": "box-sizing",
383
- "property": "layout",
384
- "syntax": "layout=\"box:[value]\"",
385
- "category": "layout",
386
- "values": [
387
- "border",
388
- "content"
389
- ],
390
- "supportsArbitrary": false
391
- },
392
- {
393
- "name": "float-clear",
394
- "property": "layout",
395
- "syntax": "layout=\"float:[value]\" or layout=\"clear:[value]\"",
396
- "category": "layout",
397
- "values": [
398
- "left",
399
- "right",
400
- "none"
401
- ],
402
- "supportsArbitrary": false
403
- },
404
- {
405
- "name": "aspect-ratio",
406
- "property": "layout",
407
- "syntax": "layout=\"aspect:[value]\"",
408
- "category": "layout",
409
- "values": [
410
- "auto",
411
- "square",
412
- "video"
413
- ],
414
- "supportsArbitrary": true
415
- },
416
- {
417
- "name": "object-fit",
418
- "property": "layout",
419
- "syntax": "layout=\"object:[value]\"",
420
- "category": "layout",
421
- "values": [
422
- "contain",
423
- "cover",
424
- "fill",
425
- "none",
426
- "scale-down"
427
- ],
428
- "supportsArbitrary": false
429
- },
430
- {
431
- "name": "object-position",
432
- "property": "layout",
433
- "syntax": "layout=\"object-pos:[value]\"",
434
- "category": "layout",
435
- "values": [
436
- "center",
437
- "top",
438
- "bottom",
439
- "left",
440
- "right",
441
- "top-left",
442
- "top-right",
443
- "bottom-left",
444
- "bottom-right"
445
- ],
446
- "supportsArbitrary": true
447
- },
448
- {
449
- "name": "container",
450
- "property": "layout",
451
- "syntax": "layout=\"container\"",
452
- "category": "layout",
453
- "values": [
454
- "container"
455
- ],
456
- "supportsArbitrary": false
457
- },
458
- {
459
- "name": "isolation",
460
- "property": "layout",
461
- "syntax": "layout=\"isolation:[value]\"",
462
- "category": "layout",
463
- "values": [
464
- "isolate",
465
- "auto"
466
- ],
467
- "supportsArbitrary": false
468
- },
469
- {
470
- "name": "overscroll",
471
- "property": "layout",
472
- "syntax": "layout=\"overscroll:[value]\"",
473
- "category": "layout",
474
- "values": [
475
- "auto",
476
- "contain",
477
- "none"
478
- ],
479
- "supportsArbitrary": false
480
- },
481
- {
482
- "name": "columns",
483
- "property": "layout",
484
- "syntax": "layout=\"cols:[value]\"",
485
- "category": "layout",
486
- "values": [
487
- "1-12",
488
- "auto"
489
- ],
490
- "supportsArbitrary": false
491
- },
492
- {
493
- "name": "border-collapse",
494
- "property": "layout",
495
- "syntax": "layout=\"border:[value]\"",
496
- "category": "layout",
497
- "values": [
498
- "collapse",
499
- "separate"
500
- ],
501
- "supportsArbitrary": false
502
- },
503
- {
504
- "name": "border-spacing",
505
- "property": "layout",
506
- "syntax": "layout=\"border-spacing:[value]\"",
507
- "category": "layout",
508
- "values": [
509
- "border-spacing",
510
- "border-spacing-x",
511
- "border-spacing-y"
512
- ],
513
- "supportsArbitrary": true
514
- },
515
- {
516
- "name": "table-layout",
517
- "property": "layout",
518
- "syntax": "layout=\"table:[value]\"",
519
- "category": "layout",
520
- "values": [
521
- "auto",
522
- "fixed"
523
- ],
524
- "supportsArbitrary": false
525
- },
526
- {
527
- "name": "caption-side",
528
- "property": "layout",
529
- "syntax": "layout=\"caption:[value]\"",
530
- "category": "layout",
531
- "values": [
532
- "top",
533
- "bottom"
534
- ],
535
- "supportsArbitrary": false
536
- },
537
- {
538
- "name": "padding",
539
- "property": "space",
540
- "syntax": "space=\"p:[value]\" or space=\"p-{side}:[value]\"",
541
- "category": "space",
542
- "values": [
543
- null,
544
- null,
545
- null,
546
- null,
547
- null,
548
- null,
549
- null
550
- ],
551
- "supportsArbitrary": true
552
- },
553
- {
554
- "name": "margin",
555
- "property": "space",
556
- "syntax": "space=\"m:[value]\" or space=\"m-{side}:[value]\"",
557
- "category": "space",
558
- "values": [
559
- null,
560
- null,
561
- null,
562
- null,
563
- null,
564
- null,
565
- null
566
- ],
567
- "supportsArbitrary": true
568
- },
569
- {
570
- "name": "gap",
571
- "property": "space",
572
- "syntax": "space=\"g:[value]\" or space=\"g-{axis}:[value]\"",
573
- "category": "space",
574
- "values": [
575
- null,
576
- null,
577
- null
578
- ],
579
- "supportsArbitrary": true
580
- },
581
- {
582
- "name": "width",
583
- "property": "space",
584
- "syntax": "space=\"w:[value]\"",
585
- "category": "space",
586
- "values": [
587
- null,
588
- null,
589
- null
590
- ],
591
- "supportsArbitrary": true
592
- },
593
- {
594
- "name": "height",
595
- "property": "space",
596
- "syntax": "space=\"h:[value]\"",
597
- "category": "space",
598
- "values": [
599
- null,
600
- null,
601
- null
602
- ],
603
- "supportsArbitrary": true
604
- },
605
- {
606
- "name": "background-color",
607
- "property": "visual",
608
- "syntax": "visual=\"bg:[color]\"",
609
- "category": "visual",
610
- "values": [],
611
- "supportsArbitrary": true
612
- },
613
- {
614
- "name": "text-color",
615
- "property": "visual",
616
- "syntax": "visual=\"text:[color]\"",
617
- "category": "visual",
618
- "values": [
619
- "left",
620
- "center",
621
- "right",
622
- "justify"
623
- ],
624
- "supportsArbitrary": true
625
- },
626
- {
627
- "name": "text-size",
628
- "property": "visual",
629
- "syntax": "visual=\"text-size:[value]\"",
630
- "category": "visual",
631
- "values": [],
632
- "supportsArbitrary": true
633
- },
634
- {
635
- "name": "font-weight",
636
- "property": "visual",
637
- "syntax": "visual=\"font:[weight]\"",
638
- "category": "visual",
639
- "values": [
640
- "normal",
641
- "medium",
642
- "bold"
643
- ],
644
- "supportsArbitrary": false
645
- },
646
- {
647
- "name": "font-family",
648
- "property": "visual",
649
- "syntax": "visual=\"font:[family]\"",
650
- "category": "visual",
651
- "values": [
652
- "sans",
653
- "serif",
654
- "mono"
655
- ],
656
- "supportsArbitrary": false
657
- },
658
- {
659
- "name": "typography-keywords",
660
- "property": "visual",
661
- "syntax": "visual=\"[keyword]\"",
662
- "category": "visual",
663
- "values": [
664
- "italic",
665
- "not-italic",
666
- "antialiased",
667
- "subpixel-antialiased",
668
- "uppercase",
669
- "lowercase",
670
- "capitalize",
671
- "normal-case",
672
- "underline",
673
- "overline",
674
- "line-through",
675
- "no-underline",
676
- "decoration-solid",
677
- "decoration-double",
678
- "decoration-dotted",
679
- "decoration-dashed",
680
- "decoration-wavy",
681
- "truncate",
682
- "text-ellipsis",
683
- "text-clip",
684
- "text-wrap",
685
- "text-nowrap",
686
- "text-balance",
687
- "text-pretty",
688
- "whitespace-normal",
689
- "whitespace-nowrap",
690
- "whitespace-pre",
691
- "whitespace-pre-line",
692
- "whitespace-pre-wrap",
693
- "whitespace-break-spaces",
694
- "break-normal",
695
- "break-words",
696
- "break-all",
697
- "break-keep",
698
- "hyphens-none",
699
- "hyphens-manual",
700
- "hyphens-auto",
701
- "align-baseline",
702
- "align-top",
703
- "align-middle",
704
- "align-bottom",
705
- "align-text-top",
706
- "align-text-bottom",
707
- "align-sub",
708
- "align-super",
709
- "list-none",
710
- "list-disc",
711
- "list-decimal",
712
- "list-square",
713
- "list-inside",
714
- "list-outside"
715
- ],
716
- "supportsArbitrary": false
717
- },
718
- {
719
- "name": "letter-spacing",
720
- "property": "visual",
721
- "syntax": "visual=\"tracking:[value]\"",
722
- "category": "visual",
723
- "values": [
724
- "tighter",
725
- "tight",
726
- "normal",
727
- "wide",
728
- "wider",
729
- "widest"
730
- ],
731
- "supportsArbitrary": true
732
- },
733
- {
734
- "name": "line-height",
735
- "property": "visual",
736
- "syntax": "visual=\"leading:[value]\"",
737
- "category": "visual",
738
- "values": [
739
- "none",
740
- "tight",
741
- "snug",
742
- "normal",
743
- "relaxed",
744
- "loose"
745
- ],
746
- "supportsArbitrary": true
747
- },
748
- {
749
- "name": "border-radius",
750
- "property": "visual",
751
- "syntax": "visual=\"rounded:[value]\"",
752
- "category": "visual",
753
- "values": [
754
- "none",
755
- "small",
756
- "medium",
757
- "big",
758
- "round"
759
- ],
760
- "supportsArbitrary": false
761
- },
762
- {
763
- "name": "box-shadow",
764
- "property": "visual",
765
- "syntax": "visual=\"shadow:[value]\"",
766
- "category": "visual",
767
- "values": [
768
- "none",
769
- "small",
770
- "medium",
771
- "big",
772
- "giant"
773
- ],
774
- "supportsArbitrary": false
775
- },
776
- {
777
- "name": "opacity",
778
- "property": "visual",
779
- "syntax": "visual=\"opacity:[value]\"",
780
- "category": "visual",
781
- "values": [
782
- "0",
783
- "25",
784
- "50",
785
- "75",
786
- "100"
787
- ],
788
- "supportsArbitrary": false
789
- },
790
- {
791
- "name": "filter-blur",
792
- "property": "visual",
793
- "syntax": "visual=\"blur:[value]\"",
794
- "category": "visual",
795
- "values": [
796
- "none",
797
- "tiny",
798
- "small",
799
- "medium",
800
- "big",
801
- "giant",
802
- "vast"
803
- ],
804
- "supportsArbitrary": true
805
- },
806
- {
807
- "name": "cursor",
808
- "property": "visual",
809
- "syntax": "visual=\"cursor:[value]\"",
810
- "category": "visual",
811
- "values": [
812
- "auto",
813
- "default",
814
- "pointer",
815
- "wait",
816
- "text",
817
- "move",
818
- "not-allowed",
819
- "grab",
820
- "grabbing"
821
- ],
822
- "supportsArbitrary": false
823
- },
824
- {
825
- "name": "user-select",
826
- "property": "visual",
827
- "syntax": "visual=\"select:[value]\"",
828
- "category": "visual",
829
- "values": [
830
- "none",
831
- "text",
832
- "all",
833
- "auto"
834
- ],
835
- "supportsArbitrary": false
836
- },
837
- {
838
- "name": "pointer-events",
839
- "property": "visual",
840
- "syntax": "visual=\"pointer-events:[value]\"",
841
- "category": "visual",
842
- "values": [
843
- "none",
844
- "auto"
845
- ],
846
- "supportsArbitrary": false
847
- },
848
- {
849
- "name": "blend-modes",
850
- "property": "visual",
851
- "syntax": "visual=\"mix-blend:[value]\"",
852
- "category": "visual",
853
- "values": [
854
- "normal",
855
- "multiply",
856
- "screen",
857
- "overlay",
858
- "darken",
859
- "lighten"
860
- ],
861
- "supportsArbitrary": false
862
- },
863
- {
864
- "name": "accent-color",
865
- "property": "visual",
866
- "syntax": "visual=\"accent:[color]\"",
867
- "category": "visual",
868
- "values": [],
869
- "supportsArbitrary": true
870
- },
871
- {
872
- "name": "caret-color",
873
- "property": "visual",
874
- "syntax": "visual=\"caret:[color]\"",
875
- "category": "visual",
876
- "values": [],
877
- "supportsArbitrary": true
878
- },
879
- {
880
- "name": "appearance",
881
- "property": "visual",
882
- "syntax": "visual=\"appearance:[value]\"",
883
- "category": "visual",
884
- "values": [
885
- "none",
886
- "auto"
887
- ],
888
- "supportsArbitrary": false
889
- },
890
- {
891
- "name": "background-image",
892
- "property": "visual",
893
- "syntax": "visual=\"bg-image:[value]\"",
894
- "category": "visual",
895
- "values": [
896
- "none",
897
- "gradient-to-t",
898
- "gradient-to-b",
899
- "gradient-to-l",
900
- "gradient-to-r"
901
- ],
902
- "supportsArbitrary": true
903
- },
904
- {
905
- "name": "background-attachment",
906
- "property": "visual",
907
- "syntax": "visual=\"bg-attachment:[value]\"",
908
- "category": "visual",
909
- "values": [
910
- "fixed",
911
- "local",
912
- "scroll"
913
- ],
914
- "supportsArbitrary": false
915
- },
916
- {
917
- "name": "background-clip",
918
- "property": "visual",
919
- "syntax": "visual=\"bg-clip:[value]\"",
920
- "category": "visual",
921
- "values": [
922
- "border",
923
- "padding",
924
- "content",
925
- "text"
926
- ],
927
- "supportsArbitrary": false
928
- },
929
- {
930
- "name": "background-origin",
931
- "property": "visual",
932
- "syntax": "visual=\"bg-origin:[value]\"",
933
- "category": "visual",
934
- "values": [
935
- "border",
936
- "padding",
937
- "content"
938
- ],
939
- "supportsArbitrary": false
940
- },
941
- {
942
- "name": "background-position",
943
- "property": "visual",
944
- "syntax": "visual=\"bg-pos:[value]\"",
945
- "category": "visual",
946
- "values": [
947
- "center",
948
- "top",
949
- "bottom",
950
- "left",
951
- "right",
952
- "top-left",
953
- "top-right",
954
- "bottom-left",
955
- "bottom-right"
956
- ],
957
- "supportsArbitrary": true
958
- },
959
- {
960
- "name": "background-repeat",
961
- "property": "visual",
962
- "syntax": "visual=\"bg-repeat:[value]\"",
963
- "category": "visual",
964
- "values": [
965
- "repeat",
966
- "no-repeat",
967
- "repeat-x",
968
- "repeat-y",
969
- "round",
970
- "space"
971
- ],
972
- "supportsArbitrary": false
973
- },
974
- {
975
- "name": "background-size",
976
- "property": "visual",
977
- "syntax": "visual=\"bg-size:[value]\"",
978
- "category": "visual",
979
- "values": [
980
- "auto",
981
- "cover",
982
- "contain"
983
- ],
984
- "supportsArbitrary": true
985
- },
986
- {
987
- "name": "background-blend-mode",
988
- "property": "visual",
989
- "syntax": "visual=\"bg-blend:[value]\"",
990
- "category": "visual",
991
- "values": [
992
- "normal",
993
- "multiply",
994
- "screen",
995
- "overlay",
996
- "darken",
997
- "lighten"
998
- ],
999
- "supportsArbitrary": false
1000
- },
1001
- {
1002
- "name": "backdrop-blur",
1003
- "property": "visual",
1004
- "syntax": "visual=\"backdrop-blur:[value]\"",
1005
- "category": "visual",
1006
- "values": [
1007
- "none",
1008
- "tiny",
1009
- "small",
1010
- "medium",
1011
- "big",
1012
- "giant",
1013
- "vast"
1014
- ],
1015
- "supportsArbitrary": true
1016
- },
1017
- {
1018
- "name": "backdrop-brightness",
1019
- "property": "visual",
1020
- "syntax": "visual=\"backdrop-brightness:[value]\"",
1021
- "category": "visual",
1022
- "values": [
1023
- "dim",
1024
- "dark",
1025
- "normal",
1026
- "bright",
1027
- "vivid"
1028
- ],
1029
- "supportsArbitrary": true
1030
- },
1031
- {
1032
- "name": "backdrop-contrast",
1033
- "property": "visual",
1034
- "syntax": "visual=\"backdrop-contrast:[value]\"",
1035
- "category": "visual",
1036
- "values": [
1037
- "low",
1038
- "reduced",
1039
- "normal",
1040
- "high",
1041
- "max"
1042
- ],
1043
- "supportsArbitrary": true
1044
- },
1045
- {
1046
- "name": "backdrop-grayscale",
1047
- "property": "visual",
1048
- "syntax": "visual=\"backdrop-grayscale:[value]\"",
1049
- "category": "visual",
1050
- "values": [
1051
- "none",
1052
- "partial",
1053
- "full"
1054
- ],
1055
- "supportsArbitrary": true
1056
- },
1057
- {
1058
- "name": "backdrop-hue-rotate",
1059
- "property": "visual",
1060
- "syntax": "visual=\"backdrop-hue-rotate:[degrees]\"",
1061
- "category": "visual",
1062
- "values": [
1063
- "0",
1064
- "90",
1065
- "180"
1066
- ],
1067
- "supportsArbitrary": true
1068
- },
1069
- {
1070
- "name": "backdrop-invert",
1071
- "property": "visual",
1072
- "syntax": "visual=\"backdrop-invert:[value]\"",
1073
- "category": "visual",
1074
- "values": [
1075
- "none",
1076
- "partial",
1077
- "full"
1078
- ],
1079
- "supportsArbitrary": true
1080
- },
1081
- {
1082
- "name": "backdrop-opacity",
1083
- "property": "visual",
1084
- "syntax": "visual=\"backdrop-opacity:[value]\"",
1085
- "category": "visual",
1086
- "values": [
1087
- "0",
1088
- "50",
1089
- "100"
1090
- ],
1091
- "supportsArbitrary": true
1092
- },
1093
- {
1094
- "name": "backdrop-saturate",
1095
- "property": "visual",
1096
- "syntax": "visual=\"backdrop-saturate:[value]\"",
1097
- "category": "visual",
1098
- "values": [
1099
- "none",
1100
- "low",
1101
- "normal",
1102
- "high",
1103
- "vivid"
1104
- ],
1105
- "supportsArbitrary": true
1106
- },
1107
- {
1108
- "name": "backdrop-sepia",
1109
- "property": "visual",
1110
- "syntax": "visual=\"backdrop-sepia:[value]\"",
1111
- "category": "visual",
1112
- "values": [
1113
- "none",
1114
- "partial",
1115
- "full"
1116
- ],
1117
- "supportsArbitrary": true
1118
- },
1119
- {
1120
- "name": "scroll-behavior",
1121
- "property": "visual",
1122
- "syntax": "visual=\"scroll-behavior:[value]\"",
1123
- "category": "visual",
1124
- "values": [
1125
- "auto",
1126
- "smooth"
1127
- ],
1128
- "supportsArbitrary": false
1129
- },
1130
- {
1131
- "name": "scroll-margin",
1132
- "property": "visual",
1133
- "syntax": "visual=\"scroll-m:[value]\"",
1134
- "category": "visual",
1135
- "values": [
1136
- "scroll-m",
1137
- "scroll-m-t",
1138
- "scroll-m-r",
1139
- "scroll-m-b",
1140
- "scroll-m-l"
1141
- ],
1142
- "supportsArbitrary": true
1143
- },
1144
- {
1145
- "name": "scroll-padding",
1146
- "property": "visual",
1147
- "syntax": "visual=\"scroll-p:[value]\"",
1148
- "category": "visual",
1149
- "values": [
1150
- "scroll-p",
1151
- "scroll-p-t",
1152
- "scroll-p-r",
1153
- "scroll-p-b",
1154
- "scroll-p-l"
1155
- ],
1156
- "supportsArbitrary": true
1157
- },
1158
- {
1159
- "name": "scroll-snap-align",
1160
- "property": "visual",
1161
- "syntax": "visual=\"snap-align:[value]\"",
1162
- "category": "visual",
1163
- "values": [
1164
- "start",
1165
- "end",
1166
- "center",
1167
- "none"
1168
- ],
1169
- "supportsArbitrary": false
1170
- },
1171
- {
1172
- "name": "scroll-snap-stop",
1173
- "property": "visual",
1174
- "syntax": "visual=\"snap-stop:[value]\"",
1175
- "category": "visual",
1176
- "values": [
1177
- "normal",
1178
- "always"
1179
- ],
1180
- "supportsArbitrary": false
1181
- },
1182
- {
1183
- "name": "scroll-snap-type",
1184
- "property": "visual",
1185
- "syntax": "visual=\"snap-type:[value]\"",
1186
- "category": "visual",
1187
- "values": [
1188
- "none",
1189
- "x",
1190
- "y",
1191
- "both",
1192
- "x-proximity",
1193
- "y-proximity"
1194
- ],
1195
- "supportsArbitrary": false
1196
- },
1197
- {
1198
- "name": "touch-action",
1199
- "property": "visual",
1200
- "syntax": "visual=\"touch:[value]\"",
1201
- "category": "visual",
1202
- "values": [
1203
- "auto",
1204
- "none",
1205
- "pan-x",
1206
- "pan-y",
1207
- "pan-left",
1208
- "pan-right",
1209
- "pinch-zoom",
1210
- "manipulation"
1211
- ],
1212
- "supportsArbitrary": false
1213
- },
1214
- {
1215
- "name": "resize",
1216
- "property": "visual",
1217
- "syntax": "visual=\"resize:[value]\"",
1218
- "category": "visual",
1219
- "values": [
1220
- "none",
1221
- "both",
1222
- "x",
1223
- "y"
1224
- ],
1225
- "supportsArbitrary": false
1226
- },
1227
- {
1228
- "name": "will-change",
1229
- "property": "visual",
1230
- "syntax": "visual=\"will-change:[value]\"",
1231
- "category": "visual",
1232
- "values": [
1233
- "auto",
1234
- "scroll",
1235
- "contents",
1236
- "transform",
1237
- "opacity"
1238
- ],
1239
- "supportsArbitrary": false
1240
- },
1241
- {
1242
- "name": "color-scheme",
1243
- "property": "visual",
1244
- "syntax": "visual=\"color-scheme:[value]\"",
1245
- "category": "visual",
1246
- "values": [
1247
- "light",
1248
- "dark",
1249
- "normal"
1250
- ],
1251
- "supportsArbitrary": false
1252
- },
1253
- {
1254
- "name": "field-sizing",
1255
- "property": "visual",
1256
- "syntax": "visual=\"field-sizing:[value]\"",
1257
- "category": "visual",
1258
- "values": [
1259
- "fixed",
1260
- "content"
1261
- ],
1262
- "supportsArbitrary": false
1263
- },
1264
- {
1265
- "name": "forced-color-adjust",
1266
- "property": "visual",
1267
- "syntax": "visual=\"forced-color:[value]\"",
1268
- "category": "visual",
1269
- "values": [
1270
- "auto",
1271
- "none"
1272
- ],
1273
- "supportsArbitrary": false
1274
- },
1275
- {
1276
- "name": "text-alignment",
1277
- "property": "visual",
1278
- "syntax": "visual=\"text:[alignment]\"",
1279
- "category": "visual",
1280
- "values": [
1281
- "left",
1282
- "center",
1283
- "right",
1284
- "justify"
1285
- ],
1286
- "supportsArbitrary": false
1287
- },
1288
- {
1289
- "name": "text-transform",
1290
- "property": "visual",
1291
- "syntax": "visual=\"[transform-value]\"",
1292
- "category": "visual",
1293
- "values": [
1294
- "uppercase",
1295
- "lowercase",
1296
- "capitalize",
1297
- "normal-case"
1298
- ],
1299
- "supportsArbitrary": false
1300
- },
1301
- {
1302
- "name": "text-decoration",
1303
- "property": "visual",
1304
- "syntax": "visual=\"[decoration-value]\"",
1305
- "category": "visual",
1306
- "values": [
1307
- "underline",
1308
- "overline",
1309
- "line-through",
1310
- "no-underline"
1311
- ],
1312
- "supportsArbitrary": false
1313
- },
1314
- {
1315
- "name": "text-overflow",
1316
- "property": "visual",
1317
- "syntax": "visual=\"[overflow-value]\"",
1318
- "category": "visual",
1319
- "values": [
1320
- "truncate",
1321
- "text-ellipsis",
1322
- "text-clip"
1323
- ],
1324
- "supportsArbitrary": false
1325
- },
1326
- {
1327
- "name": "text-wrap",
1328
- "property": "visual",
1329
- "syntax": "visual=\"[wrap-value]\"",
1330
- "category": "visual",
1331
- "values": [
1332
- "text-wrap",
1333
- "text-nowrap",
1334
- "text-balance",
1335
- "text-pretty"
1336
- ],
1337
- "supportsArbitrary": false
1338
- },
1339
- {
1340
- "name": "whitespace",
1341
- "property": "visual",
1342
- "syntax": "visual=\"whitespace:[value]\"",
1343
- "category": "visual",
1344
- "values": [
1345
- "normal",
1346
- "nowrap",
1347
- "pre",
1348
- "pre-line",
1349
- "pre-wrap",
1350
- "break-spaces"
1351
- ],
1352
- "supportsArbitrary": false
1353
- },
1354
- {
1355
- "name": "word-break",
1356
- "property": "visual",
1357
- "syntax": "visual=\"[break-value]\"",
1358
- "category": "visual",
1359
- "values": [
1360
- "break-normal",
1361
- "break-words",
1362
- "break-all",
1363
- "break-keep"
1364
- ],
1365
- "supportsArbitrary": false
1366
- },
1367
- {
1368
- "name": "hyphens",
1369
- "property": "visual",
1370
- "syntax": "visual=\"hyphens:[value]\"",
1371
- "category": "visual",
1372
- "values": [
1373
- "none",
1374
- "manual",
1375
- "auto"
1376
- ],
1377
- "supportsArbitrary": false
1378
- },
1379
- {
1380
- "name": "text-indent",
1381
- "property": "visual",
1382
- "syntax": "visual=\"indent:[value]\"",
1383
- "category": "visual",
1384
- "values": [
1385
- "0"
1386
- ],
1387
- "supportsArbitrary": true
1388
- },
1389
- {
1390
- "name": "vertical-align",
1391
- "property": "visual",
1392
- "syntax": "visual=\"align:[value]\"",
1393
- "category": "visual",
1394
- "values": [
1395
- "baseline",
1396
- "top",
1397
- "middle",
1398
- "bottom",
1399
- "text-top",
1400
- "text-bottom",
1401
- "sub",
1402
- "super"
1403
- ],
1404
- "supportsArbitrary": false
1405
- },
1406
- {
1407
- "name": "font-style",
1408
- "property": "visual",
1409
- "syntax": "visual=\"[style-value]\"",
1410
- "category": "visual",
1411
- "values": [
1412
- "italic",
1413
- "not-italic"
1414
- ],
1415
- "supportsArbitrary": false
1416
- },
1417
- {
1418
- "name": "font-smoothing",
1419
- "property": "visual",
1420
- "syntax": "visual=\"[smoothing-value]\"",
1421
- "category": "visual",
1422
- "values": [
1423
- "antialiased",
1424
- "subpixel-antialiased"
1425
- ],
1426
- "supportsArbitrary": false
1427
- },
1428
- {
1429
- "name": "line-clamp",
1430
- "property": "visual",
1431
- "syntax": "visual=\"line-clamp:[value]\"",
1432
- "category": "visual",
1433
- "values": [
1434
- "1",
1435
- "2",
1436
- "3",
1437
- "none"
1438
- ],
1439
- "supportsArbitrary": true
1440
- },
1441
- {
1442
- "name": "list-style",
1443
- "property": "visual",
1444
- "syntax": "visual=\"list:[value]\"",
1445
- "category": "visual",
1446
- "values": [
1447
- "none",
1448
- "disc",
1449
- "decimal",
1450
- "square",
1451
- "inside",
1452
- "outside"
1453
- ],
1454
- "supportsArbitrary": false
1455
- },
1456
- {
1457
- "name": "text-shadow",
1458
- "property": "visual",
1459
- "syntax": "visual=\"text-shadow:[value]\"",
1460
- "category": "visual",
1461
- "values": [
1462
- "none",
1463
- "small",
1464
- "medium",
1465
- "big"
1466
- ],
1467
- "supportsArbitrary": true
1468
- },
1469
- {
1470
- "name": "font-variant-numeric",
1471
- "property": "visual",
1472
- "syntax": "visual=\"[variant-value]\"",
1473
- "category": "visual",
1474
- "values": [
1475
- "normal-nums",
1476
- "ordinal",
1477
- "slashed-zero",
1478
- "lining-nums",
1479
- "oldstyle-nums",
1480
- "proportional-nums",
1481
- "tabular-nums"
1482
- ],
1483
- "supportsArbitrary": false
1484
- },
1485
- {
1486
- "name": "transform-perspective",
1487
- "property": "visual",
1488
- "syntax": "visual=\"perspective:[value]\"",
1489
- "category": "visual",
1490
- "values": [
1491
- "none",
1492
- "dramatic",
1493
- "near",
1494
- "normal",
1495
- "midrange",
1496
- "far",
1497
- "distant"
1498
- ],
1499
- "supportsArbitrary": true
1500
- },
1501
- {
1502
- "name": "transform-perspective-origin",
1503
- "property": "visual",
1504
- "syntax": "visual=\"perspective-origin:[value]\"",
1505
- "category": "visual",
1506
- "values": [
1507
- "center",
1508
- "top",
1509
- "bottom",
1510
- "left",
1511
- "right",
1512
- "top-left",
1513
- "top-right",
1514
- "bottom-left",
1515
- "bottom-right"
1516
- ],
1517
- "supportsArbitrary": true
1518
- },
1519
- {
1520
- "name": "transform-rotate-3d",
1521
- "property": "visual",
1522
- "syntax": "visual=\"rotate-x:[degrees]\" or visual=\"rotate-y:[degrees]\" or visual=\"rotate-z:[degrees]\"",
1523
- "category": "visual",
1524
- "values": [
1525
- "0",
1526
- "45",
1527
- "90",
1528
- "180"
1529
- ],
1530
- "supportsArbitrary": true
1531
- },
1532
- {
1533
- "name": "transform-translate-z",
1534
- "property": "visual",
1535
- "syntax": "visual=\"translate-z:[value]\"",
1536
- "category": "visual",
1537
- "values": [
1538
- "0",
1539
- "near",
1540
- "far"
1541
- ],
1542
- "supportsArbitrary": true
1543
- },
1544
- {
1545
- "name": "transform-style",
1546
- "property": "visual",
1547
- "syntax": "visual=\"transform-style:[value]\"",
1548
- "category": "visual",
1549
- "values": [
1550
- "flat",
1551
- "preserve-3d"
1552
- ],
1553
- "supportsArbitrary": false
1554
- },
1555
- {
1556
- "name": "transform-backface",
1557
- "property": "visual",
1558
- "syntax": "visual=\"backface:[value]\"",
1559
- "category": "visual",
1560
- "values": [
1561
- "visible",
1562
- "hidden"
1563
- ],
1564
- "supportsArbitrary": false
1565
- },
1566
- {
1567
- "name": "mask",
1568
- "property": "visual",
1569
- "syntax": "visual=\"mask:[value]\"",
1570
- "category": "visual",
1571
- "values": [
1572
- "none",
1573
- "fade-y",
1574
- "fade-x"
1575
- ],
1576
- "supportsArbitrary": true
1577
- },
1578
- {
1579
- "name": "state-prefixes",
1580
- "property": "visual",
1581
- "syntax": "visual=\"hover:... focus:... active:...\"",
1582
- "category": "visual",
1583
- "values": [
1584
- "hover:",
1585
- "focus:",
1586
- "active:",
1587
- "disabled:",
1588
- "visited:",
1589
- "first:",
1590
- "last:",
1591
- "odd:",
1592
- "even:"
1593
- ],
1594
- "supportsArbitrary": false
1595
- },
1596
- {
1597
- "name": "filter-brightness",
1598
- "property": "visual",
1599
- "syntax": "visual=\"brightness:[value]\"",
1600
- "category": "visual",
1601
- "values": [
1602
- "dim",
1603
- "dark",
1604
- "normal",
1605
- "bright",
1606
- "vivid"
1607
- ],
1608
- "supportsArbitrary": true
1609
- },
1610
- {
1611
- "name": "filter-contrast",
1612
- "property": "visual",
1613
- "syntax": "visual=\"contrast:[value]\"",
1614
- "category": "visual",
1615
- "values": [
1616
- "low",
1617
- "reduced",
1618
- "normal",
1619
- "high",
1620
- "max"
1621
- ],
1622
- "supportsArbitrary": true
1623
- },
1624
- {
1625
- "name": "filter-grayscale",
1626
- "property": "visual",
1627
- "syntax": "visual=\"grayscale:[value]\"",
1628
- "category": "visual",
1629
- "values": [
1630
- "none",
1631
- "partial",
1632
- "full"
1633
- ],
1634
- "supportsArbitrary": true
1635
- },
1636
- {
1637
- "name": "filter-hue-rotate",
1638
- "property": "visual",
1639
- "syntax": "visual=\"hue-rotate:[degrees]\"",
1640
- "category": "visual",
1641
- "values": [
1642
- "0",
1643
- "90",
1644
- "180"
1645
- ],
1646
- "supportsArbitrary": true
1647
- },
1648
- {
1649
- "name": "filter-invert",
1650
- "property": "visual",
1651
- "syntax": "visual=\"invert:[value]\"",
1652
- "category": "visual",
1653
- "values": [
1654
- "none",
1655
- "partial",
1656
- "full"
1657
- ],
1658
- "supportsArbitrary": true
1659
- },
1660
- {
1661
- "name": "filter-saturate",
1662
- "property": "visual",
1663
- "syntax": "visual=\"saturate:[value]\"",
1664
- "category": "visual",
1665
- "values": [
1666
- "none",
1667
- "low",
1668
- "normal",
1669
- "high",
1670
- "vivid"
1671
- ],
1672
- "supportsArbitrary": true
1673
- },
1674
- {
1675
- "name": "filter-sepia",
1676
- "property": "visual",
1677
- "syntax": "visual=\"sepia:[value]\"",
1678
- "category": "visual",
1679
- "values": [
1680
- "none",
1681
- "partial",
1682
- "full"
1683
- ],
1684
- "supportsArbitrary": true
1685
- },
1686
- {
1687
- "name": "filter-drop-shadow",
1688
- "property": "visual",
1689
- "syntax": "visual=\"drop-shadow:[value]\"",
1690
- "category": "visual",
1691
- "values": [
1692
- "none",
1693
- "tiny",
1694
- "small",
1695
- "medium",
1696
- "big",
1697
- "giant"
1698
- ],
1699
- "supportsArbitrary": true
1700
- },
1701
- {
1702
- "name": "transition-property",
1703
- "property": "visual",
1704
- "syntax": "visual=\"transition:[value]\"",
1705
- "category": "visual",
1706
- "values": [
1707
- "none",
1708
- "all",
1709
- "colors",
1710
- "opacity",
1711
- "shadow",
1712
- "transform"
1713
- ],
1714
- "supportsArbitrary": false
1715
- },
1716
- {
1717
- "name": "transition-duration",
1718
- "property": "visual",
1719
- "syntax": "visual=\"duration:[value]\"",
1720
- "category": "visual",
1721
- "values": [
1722
- "instant",
1723
- "quick",
1724
- "fast",
1725
- "normal",
1726
- "slow",
1727
- "slower",
1728
- "lazy"
1729
- ],
1730
- "supportsArbitrary": true
1731
- },
1732
- {
1733
- "name": "transition-timing",
1734
- "property": "visual",
1735
- "syntax": "visual=\"ease:[value]\"",
1736
- "category": "visual",
1737
- "values": [
1738
- "linear",
1739
- "in",
1740
- "out",
1741
- "in-out"
1742
- ],
1743
- "supportsArbitrary": true
1744
- },
1745
- {
1746
- "name": "transition-delay",
1747
- "property": "visual",
1748
- "syntax": "visual=\"delay:[value]\"",
1749
- "category": "visual",
1750
- "values": [
1751
- "instant",
1752
- "quick",
1753
- "fast",
1754
- "normal",
1755
- "slow"
1756
- ],
1757
- "supportsArbitrary": true
1758
- },
1759
- {
1760
- "name": "animation-builtin",
1761
- "property": "visual",
1762
- "syntax": "visual=\"animate:[value]\"",
1763
- "category": "visual",
1764
- "values": [
1765
- "none",
1766
- "spin",
1767
- "ping",
1768
- "pulse",
1769
- "bounce"
1770
- ],
1771
- "supportsArbitrary": true
1772
- },
1773
- {
1774
- "name": "animation-duration",
1775
- "property": "visual",
1776
- "syntax": "visual=\"animation-duration:[value]\"",
1777
- "category": "visual",
1778
- "values": [
1779
- "instant",
1780
- "quick",
1781
- "fast",
1782
- "normal",
1783
- "slow",
1784
- "slower",
1785
- "lazy"
1786
- ],
1787
- "supportsArbitrary": true
1788
- },
1789
- {
1790
- "name": "animation-delay",
1791
- "property": "visual",
1792
- "syntax": "visual=\"animation-delay:[value]\"",
1793
- "category": "visual",
1794
- "values": [
1795
- "instant",
1796
- "quick",
1797
- "fast",
1798
- "normal",
1799
- "slow"
1800
- ],
1801
- "supportsArbitrary": true
1802
- },
1803
- {
1804
- "name": "animation-iteration",
1805
- "property": "visual",
1806
- "syntax": "visual=\"animation-iteration:[value]\"",
1807
- "category": "visual",
1808
- "values": [
1809
- "1",
1810
- "infinite"
1811
- ],
1812
- "supportsArbitrary": false
1813
- },
1814
- {
1815
- "name": "animation-direction",
1816
- "property": "visual",
1817
- "syntax": "visual=\"animation-direction:[value]\"",
1818
- "category": "visual",
1819
- "values": [
1820
- "normal",
1821
- "reverse",
1822
- "alternate",
1823
- "alternate-reverse"
1824
- ],
1825
- "supportsArbitrary": false
1826
- },
1827
- {
1828
- "name": "animation-fill",
1829
- "property": "visual",
1830
- "syntax": "visual=\"animation-fill:[value]\"",
1831
- "category": "visual",
1832
- "values": [
1833
- "none",
1834
- "forwards",
1835
- "backwards",
1836
- "both"
1837
- ],
1838
- "supportsArbitrary": false
1839
- },
1840
- {
1841
- "name": "animation-play",
1842
- "property": "visual",
1843
- "syntax": "visual=\"animation-play:[value]\"",
1844
- "category": "visual",
1845
- "values": [
1846
- "running",
1847
- "paused"
1848
- ],
1849
- "supportsArbitrary": false
1850
- },
1851
- {
1852
- "name": "transform-scale",
1853
- "property": "visual",
1854
- "syntax": "visual=\"scale:[value]\"",
1855
- "category": "visual",
1856
- "values": [
1857
- "0",
1858
- "50",
1859
- "75",
1860
- "100",
1861
- "110",
1862
- "125",
1863
- "150"
1864
- ],
1865
- "supportsArbitrary": true
1866
- },
1867
- {
1868
- "name": "transform-rotate",
1869
- "property": "visual",
1870
- "syntax": "visual=\"rotate:[degrees]\"",
1871
- "category": "visual",
1872
- "values": [
1873
- "0",
1874
- "45",
1875
- "90",
1876
- "180"
1877
- ],
1878
- "supportsArbitrary": true
1879
- },
1880
- {
1881
- "name": "transform-translate",
1882
- "property": "visual",
1883
- "syntax": "visual=\"translate-x:[value]\" or visual=\"translate-y:[value]\" or visual=\"translate-z:[value]\"",
1884
- "category": "visual",
1885
- "values": [
1886
- "0",
1887
- "tiny",
1888
- "small",
1889
- "medium",
1890
- "big",
1891
- "full",
1892
- "1/2",
1893
- "-full",
1894
- "-1/2"
1895
- ],
1896
- "supportsArbitrary": true
1897
- },
1898
- {
1899
- "name": "transform-skew",
1900
- "property": "visual",
1901
- "syntax": "visual=\"skew-x:[degrees]\" or visual=\"skew-y:[degrees]\"",
1902
- "category": "visual",
1903
- "values": [
1904
- "0",
1905
- "3",
1906
- "6",
1907
- "12"
1908
- ],
1909
- "supportsArbitrary": true
1910
- },
1911
- {
1912
- "name": "transform-origin",
1913
- "property": "visual",
1914
- "syntax": "visual=\"origin:[value]\"",
1915
- "category": "visual",
1916
- "values": [
1917
- "center",
1918
- "top",
1919
- "top-right",
1920
- "right",
1921
- "bottom-right",
1922
- "bottom",
1923
- "bottom-left",
1924
- "left",
1925
- "top-left"
1926
- ],
1927
- "supportsArbitrary": true
1928
- },
1929
- {
1930
- "name": "border",
1931
- "property": "visual",
1932
- "syntax": "visual=\"border:[color]\" | visual=\"border-{t|b|l|r|x|y}:[color]\"",
1933
- "category": "visual",
1934
- "values": [
1935
- "primary",
1936
- "gray-300",
1937
- "danger"
1938
- ],
1939
- "supportsArbitrary": true
1940
- },
1941
- {
1942
- "name": "border-width",
1943
- "property": "visual",
1944
- "syntax": "visual=\"border-w:[value]\" | visual=\"border-{t|b|l|r|x|y}-w:[value]\"",
1945
- "category": "visual",
1946
- "values": [
1947
- "none",
1948
- "thin",
1949
- "regular",
1950
- "thick"
1951
- ],
1952
- "supportsArbitrary": true
1953
- },
1954
- {
1955
- "name": "border-style",
1956
- "property": "visual",
1957
- "syntax": "visual=\"border-style:[value]\"",
1958
- "category": "visual",
1959
- "values": [
1960
- "solid",
1961
- "dashed",
1962
- "dotted",
1963
- "double",
1964
- "none"
1965
- ],
1966
- "supportsArbitrary": false
1967
- },
1968
- {
1969
- "name": "outline",
1970
- "property": "visual",
1971
- "syntax": "visual=\"outline:[color]\"",
1972
- "category": "visual",
1973
- "values": [],
1974
- "supportsArbitrary": true
1975
- },
1976
- {
1977
- "name": "fill",
1978
- "property": "visual",
1979
- "syntax": "visual=\"fill:[color]\"",
1980
- "category": "visual",
1981
- "values": [
1982
- "none",
1983
- "current"
1984
- ],
1985
- "supportsArbitrary": true
1986
- },
1987
- {
1988
- "name": "stroke",
1989
- "property": "visual",
1990
- "syntax": "visual=\"stroke:[color]\"",
1991
- "category": "visual",
1992
- "values": [
1993
- "none",
1994
- "current"
1995
- ],
1996
- "supportsArbitrary": true
1997
- },
1998
- {
1999
- "name": "stroke-width",
2000
- "property": "visual",
2001
- "syntax": "visual=\"stroke-w:[value]\"",
2002
- "category": "visual",
2003
- "values": [
2004
- "0",
2005
- "1",
2006
- "2"
2007
- ],
2008
- "supportsArbitrary": true
2009
- }
1
+ [
2
+ {
3
+ "name": "display",
4
+ "property": "layout",
5
+ "syntax": "layout=\"[display-value]\"",
6
+ "category": "layout",
7
+ "values": [
8
+ "flex",
9
+ "inline-flex",
10
+ "grid",
11
+ "inline-grid",
12
+ "block",
13
+ "inline",
14
+ "hidden"
15
+ ],
16
+ "supportsArbitrary": false
17
+ },
18
+ {
19
+ "name": "flex-direction",
20
+ "property": "layout",
21
+ "syntax": "layout=\"[direction]\"",
22
+ "category": "layout",
23
+ "values": [
24
+ "row",
25
+ "col",
26
+ "row-reverse",
27
+ "col-reverse"
28
+ ],
29
+ "supportsArbitrary": false
30
+ },
31
+ {
32
+ "name": "flex-wrap",
33
+ "property": "layout",
34
+ "syntax": "layout=\"[wrap-value]\"",
35
+ "category": "layout",
36
+ "values": [
37
+ "wrap",
38
+ "nowrap",
39
+ "wrap-reverse"
40
+ ],
41
+ "supportsArbitrary": false
42
+ },
43
+ {
44
+ "name": "flex-items",
45
+ "property": "layout",
46
+ "syntax": "layout=\"[flex-item-value]\"",
47
+ "category": "layout",
48
+ "values": [
49
+ "grow",
50
+ "grow-0",
51
+ "shrink",
52
+ "shrink-0"
53
+ ],
54
+ "supportsArbitrary": false
55
+ },
56
+ {
57
+ "name": "flex",
58
+ "property": "layout",
59
+ "syntax": "layout=\"flex:[value]\"",
60
+ "category": "layout",
61
+ "values": [
62
+ "1",
63
+ "auto",
64
+ "initial",
65
+ "none"
66
+ ],
67
+ "supportsArbitrary": true
68
+ },
69
+ {
70
+ "name": "flex-basis",
71
+ "property": "layout",
72
+ "syntax": "layout=\"basis:[value]\"",
73
+ "category": "layout",
74
+ "values": [
75
+ "auto",
76
+ "0"
77
+ ],
78
+ "supportsArbitrary": true
79
+ },
80
+ {
81
+ "name": "order",
82
+ "property": "layout",
83
+ "syntax": "layout=\"order:[value]\"",
84
+ "category": "layout",
85
+ "values": [
86
+ "first",
87
+ "last",
88
+ "none",
89
+ "1-12"
90
+ ],
91
+ "supportsArbitrary": false
92
+ },
93
+ {
94
+ "name": "justify-content",
95
+ "property": "layout",
96
+ "syntax": "layout=\"justify:[value]\"",
97
+ "category": "layout",
98
+ "values": [
99
+ "start",
100
+ "end",
101
+ "center",
102
+ "between",
103
+ "around",
104
+ "evenly",
105
+ "stretch"
106
+ ],
107
+ "supportsArbitrary": false
108
+ },
109
+ {
110
+ "name": "align-items",
111
+ "property": "layout",
112
+ "syntax": "layout=\"items:[value]\"",
113
+ "category": "layout",
114
+ "values": [
115
+ "start",
116
+ "end",
117
+ "center",
118
+ "baseline",
119
+ "stretch"
120
+ ],
121
+ "supportsArbitrary": false
122
+ },
123
+ {
124
+ "name": "align-self",
125
+ "property": "layout",
126
+ "syntax": "layout=\"self:[value]\"",
127
+ "category": "layout",
128
+ "values": [
129
+ "auto",
130
+ "start",
131
+ "end",
132
+ "center",
133
+ "baseline",
134
+ "stretch"
135
+ ],
136
+ "supportsArbitrary": false
137
+ },
138
+ {
139
+ "name": "align-content",
140
+ "property": "layout",
141
+ "syntax": "layout=\"content:[value]\"",
142
+ "category": "layout",
143
+ "values": [
144
+ "start",
145
+ "end",
146
+ "center",
147
+ "between",
148
+ "around",
149
+ "evenly",
150
+ "stretch"
151
+ ],
152
+ "supportsArbitrary": false
153
+ },
154
+ {
155
+ "name": "shorthand-alignment",
156
+ "property": "layout",
157
+ "syntax": "layout=\"[alignment]\"",
158
+ "category": "layout",
159
+ "values": [
160
+ "center",
161
+ "start",
162
+ "end",
163
+ "between",
164
+ "around",
165
+ "evenly"
166
+ ],
167
+ "supportsArbitrary": false
168
+ },
169
+ {
170
+ "name": "justify-items",
171
+ "property": "layout",
172
+ "syntax": "layout=\"justify-items:[value]\"",
173
+ "category": "layout",
174
+ "values": [
175
+ "start",
176
+ "end",
177
+ "center",
178
+ "stretch"
179
+ ],
180
+ "supportsArbitrary": false
181
+ },
182
+ {
183
+ "name": "justify-self",
184
+ "property": "layout",
185
+ "syntax": "layout=\"justify-self:[value]\"",
186
+ "category": "layout",
187
+ "values": [
188
+ "auto",
189
+ "start",
190
+ "end",
191
+ "center",
192
+ "stretch"
193
+ ],
194
+ "supportsArbitrary": false
195
+ },
196
+ {
197
+ "name": "place-content",
198
+ "property": "layout",
199
+ "syntax": "layout=\"place-content:[value]\"",
200
+ "category": "layout",
201
+ "values": [
202
+ "start",
203
+ "end",
204
+ "center",
205
+ "between",
206
+ "around",
207
+ "evenly",
208
+ "stretch"
209
+ ],
210
+ "supportsArbitrary": false
211
+ },
212
+ {
213
+ "name": "place-items",
214
+ "property": "layout",
215
+ "syntax": "layout=\"place-items:[value]\"",
216
+ "category": "layout",
217
+ "values": [
218
+ "start",
219
+ "end",
220
+ "center",
221
+ "stretch"
222
+ ],
223
+ "supportsArbitrary": false
224
+ },
225
+ {
226
+ "name": "place-self",
227
+ "property": "layout",
228
+ "syntax": "layout=\"place-self:[value]\"",
229
+ "category": "layout",
230
+ "values": [
231
+ "auto",
232
+ "start",
233
+ "end",
234
+ "center",
235
+ "stretch"
236
+ ],
237
+ "supportsArbitrary": false
238
+ },
239
+ {
240
+ "name": "grid-columns",
241
+ "property": "layout",
242
+ "syntax": "layout=\"grid-cols:[value]\"",
243
+ "category": "layout",
244
+ "values": [
245
+ "1-12",
246
+ "none",
247
+ "subgrid"
248
+ ],
249
+ "supportsArbitrary": false
250
+ },
251
+ {
252
+ "name": "grid-rows",
253
+ "property": "layout",
254
+ "syntax": "layout=\"grid-rows:[value]\"",
255
+ "category": "layout",
256
+ "values": [
257
+ "1-12",
258
+ "none",
259
+ "subgrid"
260
+ ],
261
+ "supportsArbitrary": false
262
+ },
263
+ {
264
+ "name": "grid-column-span",
265
+ "property": "layout",
266
+ "syntax": "layout=\"col-span:[value]\"",
267
+ "category": "layout",
268
+ "values": [
269
+ "1-12",
270
+ "full"
271
+ ],
272
+ "supportsArbitrary": false
273
+ },
274
+ {
275
+ "name": "grid-row-span",
276
+ "property": "layout",
277
+ "syntax": "layout=\"row-span:[value]\"",
278
+ "category": "layout",
279
+ "values": [
280
+ "1-12",
281
+ "full"
282
+ ],
283
+ "supportsArbitrary": false
284
+ },
285
+ {
286
+ "name": "grid-auto-flow",
287
+ "property": "layout",
288
+ "syntax": "layout=\"grid-flow:[value]\"",
289
+ "category": "layout",
290
+ "values": [
291
+ "row",
292
+ "col",
293
+ "dense",
294
+ "row-dense",
295
+ "col-dense"
296
+ ],
297
+ "supportsArbitrary": false
298
+ },
299
+ {
300
+ "name": "grid-auto-sizing",
301
+ "property": "layout",
302
+ "syntax": "layout=\"auto-cols:[value]\" or layout=\"auto-rows:[value]\"",
303
+ "category": "layout",
304
+ "values": [
305
+ "auto",
306
+ "min",
307
+ "max",
308
+ "fr"
309
+ ],
310
+ "supportsArbitrary": false
311
+ },
312
+ {
313
+ "name": "position",
314
+ "property": "layout",
315
+ "syntax": "layout=\"[position-value]\"",
316
+ "category": "layout",
317
+ "values": [
318
+ "static",
319
+ "relative",
320
+ "absolute",
321
+ "fixed",
322
+ "sticky"
323
+ ],
324
+ "supportsArbitrary": false
325
+ },
326
+ {
327
+ "name": "inset",
328
+ "property": "layout",
329
+ "syntax": "layout=\"inset:[value]\" or layout=\"top:[value]\"",
330
+ "category": "layout",
331
+ "values": [
332
+ "inset",
333
+ "inset-x",
334
+ "inset-y",
335
+ "top",
336
+ "right",
337
+ "bottom",
338
+ "left"
339
+ ],
340
+ "supportsArbitrary": true
341
+ },
342
+ {
343
+ "name": "z-index",
344
+ "property": "layout",
345
+ "syntax": "layout=\"z:[value]\"",
346
+ "category": "layout",
347
+ "values": [
348
+ "base",
349
+ "low",
350
+ "mid",
351
+ "high",
352
+ "top"
353
+ ],
354
+ "supportsArbitrary": false
355
+ },
356
+ {
357
+ "name": "visibility",
358
+ "property": "layout",
359
+ "syntax": "layout=\"[visibility-value]\"",
360
+ "category": "layout",
361
+ "values": [
362
+ "visible",
363
+ "invisible"
364
+ ],
365
+ "supportsArbitrary": false
366
+ },
367
+ {
368
+ "name": "overflow",
369
+ "property": "layout",
370
+ "syntax": "layout=\"overflow:[value]\"",
371
+ "category": "layout",
372
+ "values": [
373
+ "auto",
374
+ "hidden",
375
+ "visible",
376
+ "scroll",
377
+ "clip"
378
+ ],
379
+ "supportsArbitrary": false
380
+ },
381
+ {
382
+ "name": "box-sizing",
383
+ "property": "layout",
384
+ "syntax": "layout=\"box:[value]\"",
385
+ "category": "layout",
386
+ "values": [
387
+ "border",
388
+ "content"
389
+ ],
390
+ "supportsArbitrary": false
391
+ },
392
+ {
393
+ "name": "float-clear",
394
+ "property": "layout",
395
+ "syntax": "layout=\"float:[value]\" or layout=\"clear:[value]\"",
396
+ "category": "layout",
397
+ "values": [
398
+ "left",
399
+ "right",
400
+ "none"
401
+ ],
402
+ "supportsArbitrary": false
403
+ },
404
+ {
405
+ "name": "aspect-ratio",
406
+ "property": "layout",
407
+ "syntax": "layout=\"aspect:[value]\"",
408
+ "category": "layout",
409
+ "values": [
410
+ "auto",
411
+ "square",
412
+ "video"
413
+ ],
414
+ "supportsArbitrary": true
415
+ },
416
+ {
417
+ "name": "object-fit",
418
+ "property": "layout",
419
+ "syntax": "layout=\"object:[value]\"",
420
+ "category": "layout",
421
+ "values": [
422
+ "contain",
423
+ "cover",
424
+ "fill",
425
+ "none",
426
+ "scale-down"
427
+ ],
428
+ "supportsArbitrary": false
429
+ },
430
+ {
431
+ "name": "object-position",
432
+ "property": "layout",
433
+ "syntax": "layout=\"object-pos:[value]\"",
434
+ "category": "layout",
435
+ "values": [
436
+ "center",
437
+ "top",
438
+ "bottom",
439
+ "left",
440
+ "right",
441
+ "top-left",
442
+ "top-right",
443
+ "bottom-left",
444
+ "bottom-right"
445
+ ],
446
+ "supportsArbitrary": true
447
+ },
448
+ {
449
+ "name": "container",
450
+ "property": "layout",
451
+ "syntax": "layout=\"container\"",
452
+ "category": "layout",
453
+ "values": [
454
+ "container"
455
+ ],
456
+ "supportsArbitrary": false
457
+ },
458
+ {
459
+ "name": "isolation",
460
+ "property": "layout",
461
+ "syntax": "layout=\"isolation:[value]\"",
462
+ "category": "layout",
463
+ "values": [
464
+ "isolate",
465
+ "auto"
466
+ ],
467
+ "supportsArbitrary": false
468
+ },
469
+ {
470
+ "name": "overscroll",
471
+ "property": "layout",
472
+ "syntax": "layout=\"overscroll:[value]\"",
473
+ "category": "layout",
474
+ "values": [
475
+ "auto",
476
+ "contain",
477
+ "none"
478
+ ],
479
+ "supportsArbitrary": false
480
+ },
481
+ {
482
+ "name": "columns",
483
+ "property": "layout",
484
+ "syntax": "layout=\"cols:[value]\"",
485
+ "category": "layout",
486
+ "values": [
487
+ "1-12",
488
+ "auto"
489
+ ],
490
+ "supportsArbitrary": false
491
+ },
492
+ {
493
+ "name": "border-collapse",
494
+ "property": "layout",
495
+ "syntax": "layout=\"border:[value]\"",
496
+ "category": "layout",
497
+ "values": [
498
+ "collapse",
499
+ "separate"
500
+ ],
501
+ "supportsArbitrary": false
502
+ },
503
+ {
504
+ "name": "border-spacing",
505
+ "property": "layout",
506
+ "syntax": "layout=\"border-spacing:[value]\"",
507
+ "category": "layout",
508
+ "values": [
509
+ "border-spacing",
510
+ "border-spacing-x",
511
+ "border-spacing-y"
512
+ ],
513
+ "supportsArbitrary": true
514
+ },
515
+ {
516
+ "name": "table-layout",
517
+ "property": "layout",
518
+ "syntax": "layout=\"table:[value]\"",
519
+ "category": "layout",
520
+ "values": [
521
+ "auto",
522
+ "fixed"
523
+ ],
524
+ "supportsArbitrary": false
525
+ },
526
+ {
527
+ "name": "caption-side",
528
+ "property": "layout",
529
+ "syntax": "layout=\"caption:[value]\"",
530
+ "category": "layout",
531
+ "values": [
532
+ "top",
533
+ "bottom"
534
+ ],
535
+ "supportsArbitrary": false
536
+ },
537
+ {
538
+ "name": "padding",
539
+ "property": "space",
540
+ "syntax": "space=\"p:[value]\" or space=\"p-{side}:[value]\"",
541
+ "category": "space",
542
+ "values": [
543
+ null,
544
+ null,
545
+ null,
546
+ null,
547
+ null,
548
+ null,
549
+ null
550
+ ],
551
+ "supportsArbitrary": true
552
+ },
553
+ {
554
+ "name": "margin",
555
+ "property": "space",
556
+ "syntax": "space=\"m:[value]\" or space=\"m-{side}:[value]\"",
557
+ "category": "space",
558
+ "values": [
559
+ null,
560
+ null,
561
+ null,
562
+ null,
563
+ null,
564
+ null,
565
+ null
566
+ ],
567
+ "supportsArbitrary": true
568
+ },
569
+ {
570
+ "name": "gap",
571
+ "property": "space",
572
+ "syntax": "space=\"g:[value]\" or space=\"g-{axis}:[value]\"",
573
+ "category": "space",
574
+ "values": [
575
+ null,
576
+ null,
577
+ null
578
+ ],
579
+ "supportsArbitrary": true
580
+ },
581
+ {
582
+ "name": "width",
583
+ "property": "space",
584
+ "syntax": "space=\"w:[value]\"",
585
+ "category": "space",
586
+ "values": [
587
+ null,
588
+ null,
589
+ null
590
+ ],
591
+ "supportsArbitrary": true
592
+ },
593
+ {
594
+ "name": "height",
595
+ "property": "space",
596
+ "syntax": "space=\"h:[value]\"",
597
+ "category": "space",
598
+ "values": [
599
+ null,
600
+ null,
601
+ null
602
+ ],
603
+ "supportsArbitrary": true
604
+ },
605
+ {
606
+ "name": "background-color",
607
+ "property": "visual",
608
+ "syntax": "visual=\"bg:[color]\"",
609
+ "category": "visual",
610
+ "values": [],
611
+ "supportsArbitrary": true
612
+ },
613
+ {
614
+ "name": "text-color",
615
+ "property": "visual",
616
+ "syntax": "visual=\"text:[color]\"",
617
+ "category": "visual",
618
+ "values": [
619
+ "left",
620
+ "center",
621
+ "right",
622
+ "justify"
623
+ ],
624
+ "supportsArbitrary": true
625
+ },
626
+ {
627
+ "name": "text-size",
628
+ "property": "visual",
629
+ "syntax": "visual=\"text-size:[value]\"",
630
+ "category": "visual",
631
+ "values": [
632
+ "mini",
633
+ "small",
634
+ "base",
635
+ "large",
636
+ "big",
637
+ "huge",
638
+ "grand",
639
+ "giant",
640
+ "mount",
641
+ "mega",
642
+ "giga",
643
+ "tera",
644
+ "hero"
645
+ ],
646
+ "supportsArbitrary": true
647
+ },
648
+ {
649
+ "name": "font-weight",
650
+ "property": "visual",
651
+ "syntax": "visual=\"font:[weight]\"",
652
+ "category": "visual",
653
+ "values": [
654
+ "normal",
655
+ "medium",
656
+ "bold"
657
+ ],
658
+ "supportsArbitrary": false
659
+ },
660
+ {
661
+ "name": "font-family",
662
+ "property": "visual",
663
+ "syntax": "visual=\"font:[family]\"",
664
+ "category": "visual",
665
+ "values": [
666
+ "sans",
667
+ "serif",
668
+ "mono"
669
+ ],
670
+ "supportsArbitrary": false
671
+ },
672
+ {
673
+ "name": "typography-keywords",
674
+ "property": "visual",
675
+ "syntax": "visual=\"[keyword]\"",
676
+ "category": "visual",
677
+ "values": [
678
+ "italic",
679
+ "not-italic",
680
+ "antialiased",
681
+ "subpixel-antialiased",
682
+ "uppercase",
683
+ "lowercase",
684
+ "capitalize",
685
+ "normal-case",
686
+ "underline",
687
+ "overline",
688
+ "line-through",
689
+ "no-underline",
690
+ "decoration-solid",
691
+ "decoration-double",
692
+ "decoration-dotted",
693
+ "decoration-dashed",
694
+ "decoration-wavy",
695
+ "truncate",
696
+ "text-ellipsis",
697
+ "text-clip",
698
+ "text-wrap",
699
+ "text-nowrap",
700
+ "text-balance",
701
+ "text-pretty",
702
+ "whitespace-normal",
703
+ "whitespace-nowrap",
704
+ "whitespace-pre",
705
+ "whitespace-pre-line",
706
+ "whitespace-pre-wrap",
707
+ "whitespace-break-spaces",
708
+ "break-normal",
709
+ "break-words",
710
+ "break-all",
711
+ "break-keep",
712
+ "hyphens-none",
713
+ "hyphens-manual",
714
+ "hyphens-auto",
715
+ "align-baseline",
716
+ "align-top",
717
+ "align-middle",
718
+ "align-bottom",
719
+ "align-text-top",
720
+ "align-text-bottom",
721
+ "align-sub",
722
+ "align-super",
723
+ "list-none",
724
+ "list-disc",
725
+ "list-decimal",
726
+ "list-square",
727
+ "list-inside",
728
+ "list-outside"
729
+ ],
730
+ "supportsArbitrary": false
731
+ },
732
+ {
733
+ "name": "letter-spacing",
734
+ "property": "visual",
735
+ "syntax": "visual=\"tracking:[value]\"",
736
+ "category": "visual",
737
+ "values": [
738
+ "tighter",
739
+ "tight",
740
+ "normal",
741
+ "wide",
742
+ "wider",
743
+ "widest"
744
+ ],
745
+ "supportsArbitrary": true
746
+ },
747
+ {
748
+ "name": "line-height",
749
+ "property": "visual",
750
+ "syntax": "visual=\"leading:[value]\"",
751
+ "category": "visual",
752
+ "values": [
753
+ "none",
754
+ "tight",
755
+ "snug",
756
+ "normal",
757
+ "relaxed",
758
+ "loose"
759
+ ],
760
+ "supportsArbitrary": true
761
+ },
762
+ {
763
+ "name": "border-radius",
764
+ "property": "visual",
765
+ "syntax": "visual=\"rounded:[value]\"",
766
+ "category": "visual",
767
+ "values": [
768
+ "none",
769
+ "small",
770
+ "medium",
771
+ "big",
772
+ "round"
773
+ ],
774
+ "supportsArbitrary": false
775
+ },
776
+ {
777
+ "name": "box-shadow",
778
+ "property": "visual",
779
+ "syntax": "visual=\"shadow:[value]\"",
780
+ "category": "visual",
781
+ "values": [
782
+ "none",
783
+ "small",
784
+ "medium",
785
+ "big",
786
+ "giant"
787
+ ],
788
+ "supportsArbitrary": false
789
+ },
790
+ {
791
+ "name": "opacity",
792
+ "property": "visual",
793
+ "syntax": "visual=\"opacity:[value]\"",
794
+ "category": "visual",
795
+ "values": [
796
+ "0",
797
+ "25",
798
+ "50",
799
+ "75",
800
+ "100"
801
+ ],
802
+ "supportsArbitrary": false
803
+ },
804
+ {
805
+ "name": "filter-blur",
806
+ "property": "visual",
807
+ "syntax": "visual=\"blur:[value]\"",
808
+ "category": "visual",
809
+ "values": [
810
+ "none",
811
+ "tiny",
812
+ "small",
813
+ "medium",
814
+ "big",
815
+ "giant",
816
+ "vast"
817
+ ],
818
+ "supportsArbitrary": true
819
+ },
820
+ {
821
+ "name": "cursor",
822
+ "property": "visual",
823
+ "syntax": "visual=\"cursor:[value]\"",
824
+ "category": "visual",
825
+ "values": [
826
+ "auto",
827
+ "default",
828
+ "pointer",
829
+ "wait",
830
+ "text",
831
+ "move",
832
+ "not-allowed",
833
+ "grab",
834
+ "grabbing"
835
+ ],
836
+ "supportsArbitrary": false
837
+ },
838
+ {
839
+ "name": "user-select",
840
+ "property": "visual",
841
+ "syntax": "visual=\"select:[value]\"",
842
+ "category": "visual",
843
+ "values": [
844
+ "none",
845
+ "text",
846
+ "all",
847
+ "auto"
848
+ ],
849
+ "supportsArbitrary": false
850
+ },
851
+ {
852
+ "name": "pointer-events",
853
+ "property": "visual",
854
+ "syntax": "visual=\"pointer-events:[value]\"",
855
+ "category": "visual",
856
+ "values": [
857
+ "none",
858
+ "auto"
859
+ ],
860
+ "supportsArbitrary": false
861
+ },
862
+ {
863
+ "name": "blend-modes",
864
+ "property": "visual",
865
+ "syntax": "visual=\"mix-blend:[value]\"",
866
+ "category": "visual",
867
+ "values": [
868
+ "normal",
869
+ "multiply",
870
+ "screen",
871
+ "overlay",
872
+ "darken",
873
+ "lighten"
874
+ ],
875
+ "supportsArbitrary": false
876
+ },
877
+ {
878
+ "name": "accent-color",
879
+ "property": "visual",
880
+ "syntax": "visual=\"accent:[color]\"",
881
+ "category": "visual",
882
+ "values": [],
883
+ "supportsArbitrary": true
884
+ },
885
+ {
886
+ "name": "caret-color",
887
+ "property": "visual",
888
+ "syntax": "visual=\"caret:[color]\"",
889
+ "category": "visual",
890
+ "values": [],
891
+ "supportsArbitrary": true
892
+ },
893
+ {
894
+ "name": "appearance",
895
+ "property": "visual",
896
+ "syntax": "visual=\"appearance:[value]\"",
897
+ "category": "visual",
898
+ "values": [
899
+ "none",
900
+ "auto"
901
+ ],
902
+ "supportsArbitrary": false
903
+ },
904
+ {
905
+ "name": "background-image",
906
+ "property": "visual",
907
+ "syntax": "visual=\"bg-image:[value]\"",
908
+ "category": "visual",
909
+ "values": [
910
+ "none",
911
+ "gradient-to-t",
912
+ "gradient-to-b",
913
+ "gradient-to-l",
914
+ "gradient-to-r"
915
+ ],
916
+ "supportsArbitrary": true
917
+ },
918
+ {
919
+ "name": "background-attachment",
920
+ "property": "visual",
921
+ "syntax": "visual=\"bg-attachment:[value]\"",
922
+ "category": "visual",
923
+ "values": [
924
+ "fixed",
925
+ "local",
926
+ "scroll"
927
+ ],
928
+ "supportsArbitrary": false
929
+ },
930
+ {
931
+ "name": "background-clip",
932
+ "property": "visual",
933
+ "syntax": "visual=\"bg-clip:[value]\"",
934
+ "category": "visual",
935
+ "values": [
936
+ "border",
937
+ "padding",
938
+ "content",
939
+ "text"
940
+ ],
941
+ "supportsArbitrary": false
942
+ },
943
+ {
944
+ "name": "background-origin",
945
+ "property": "visual",
946
+ "syntax": "visual=\"bg-origin:[value]\"",
947
+ "category": "visual",
948
+ "values": [
949
+ "border",
950
+ "padding",
951
+ "content"
952
+ ],
953
+ "supportsArbitrary": false
954
+ },
955
+ {
956
+ "name": "background-position",
957
+ "property": "visual",
958
+ "syntax": "visual=\"bg-pos:[value]\"",
959
+ "category": "visual",
960
+ "values": [
961
+ "center",
962
+ "top",
963
+ "bottom",
964
+ "left",
965
+ "right",
966
+ "top-left",
967
+ "top-right",
968
+ "bottom-left",
969
+ "bottom-right"
970
+ ],
971
+ "supportsArbitrary": true
972
+ },
973
+ {
974
+ "name": "background-repeat",
975
+ "property": "visual",
976
+ "syntax": "visual=\"bg-repeat:[value]\"",
977
+ "category": "visual",
978
+ "values": [
979
+ "repeat",
980
+ "no-repeat",
981
+ "repeat-x",
982
+ "repeat-y",
983
+ "round",
984
+ "space"
985
+ ],
986
+ "supportsArbitrary": false
987
+ },
988
+ {
989
+ "name": "background-size",
990
+ "property": "visual",
991
+ "syntax": "visual=\"bg-size:[value]\"",
992
+ "category": "visual",
993
+ "values": [
994
+ "auto",
995
+ "cover",
996
+ "contain"
997
+ ],
998
+ "supportsArbitrary": true
999
+ },
1000
+ {
1001
+ "name": "background-blend-mode",
1002
+ "property": "visual",
1003
+ "syntax": "visual=\"bg-blend:[value]\"",
1004
+ "category": "visual",
1005
+ "values": [
1006
+ "normal",
1007
+ "multiply",
1008
+ "screen",
1009
+ "overlay",
1010
+ "darken",
1011
+ "lighten"
1012
+ ],
1013
+ "supportsArbitrary": false
1014
+ },
1015
+ {
1016
+ "name": "gradient-from",
1017
+ "property": "visual",
1018
+ "syntax": "visual=\"from:[color]\"",
1019
+ "category": "visual",
1020
+ "values": [
1021
+ "primary",
1022
+ "blue-500"
1023
+ ],
1024
+ "supportsArbitrary": true
1025
+ },
1026
+ {
1027
+ "name": "gradient-via",
1028
+ "property": "visual",
1029
+ "syntax": "visual=\"via:[color]\"",
1030
+ "category": "visual",
1031
+ "values": [
1032
+ "purple-500"
1033
+ ],
1034
+ "supportsArbitrary": true
1035
+ },
1036
+ {
1037
+ "name": "gradient-to",
1038
+ "property": "visual",
1039
+ "syntax": "visual=\"to:[color]\"",
1040
+ "category": "visual",
1041
+ "values": [
1042
+ "purple-500",
1043
+ "pink-500"
1044
+ ],
1045
+ "supportsArbitrary": true
1046
+ },
1047
+ {
1048
+ "name": "backdrop-blur",
1049
+ "property": "visual",
1050
+ "syntax": "visual=\"backdrop-blur:[value]\"",
1051
+ "category": "visual",
1052
+ "values": [
1053
+ "none",
1054
+ "tiny",
1055
+ "small",
1056
+ "medium",
1057
+ "big",
1058
+ "giant",
1059
+ "vast"
1060
+ ],
1061
+ "supportsArbitrary": true
1062
+ },
1063
+ {
1064
+ "name": "backdrop-brightness",
1065
+ "property": "visual",
1066
+ "syntax": "visual=\"backdrop-brightness:[value]\"",
1067
+ "category": "visual",
1068
+ "values": [
1069
+ "dim",
1070
+ "dark",
1071
+ "normal",
1072
+ "bright",
1073
+ "vivid"
1074
+ ],
1075
+ "supportsArbitrary": true
1076
+ },
1077
+ {
1078
+ "name": "backdrop-contrast",
1079
+ "property": "visual",
1080
+ "syntax": "visual=\"backdrop-contrast:[value]\"",
1081
+ "category": "visual",
1082
+ "values": [
1083
+ "low",
1084
+ "reduced",
1085
+ "normal",
1086
+ "high",
1087
+ "max"
1088
+ ],
1089
+ "supportsArbitrary": true
1090
+ },
1091
+ {
1092
+ "name": "backdrop-grayscale",
1093
+ "property": "visual",
1094
+ "syntax": "visual=\"backdrop-grayscale:[value]\"",
1095
+ "category": "visual",
1096
+ "values": [
1097
+ "none",
1098
+ "partial",
1099
+ "full"
1100
+ ],
1101
+ "supportsArbitrary": true
1102
+ },
1103
+ {
1104
+ "name": "backdrop-hue-rotate",
1105
+ "property": "visual",
1106
+ "syntax": "visual=\"backdrop-hue-rotate:[degrees]\"",
1107
+ "category": "visual",
1108
+ "values": [
1109
+ "0",
1110
+ "90",
1111
+ "180"
1112
+ ],
1113
+ "supportsArbitrary": true
1114
+ },
1115
+ {
1116
+ "name": "backdrop-invert",
1117
+ "property": "visual",
1118
+ "syntax": "visual=\"backdrop-invert:[value]\"",
1119
+ "category": "visual",
1120
+ "values": [
1121
+ "none",
1122
+ "partial",
1123
+ "full"
1124
+ ],
1125
+ "supportsArbitrary": true
1126
+ },
1127
+ {
1128
+ "name": "backdrop-opacity",
1129
+ "property": "visual",
1130
+ "syntax": "visual=\"backdrop-opacity:[value]\"",
1131
+ "category": "visual",
1132
+ "values": [
1133
+ "0",
1134
+ "50",
1135
+ "100"
1136
+ ],
1137
+ "supportsArbitrary": true
1138
+ },
1139
+ {
1140
+ "name": "backdrop-saturate",
1141
+ "property": "visual",
1142
+ "syntax": "visual=\"backdrop-saturate:[value]\"",
1143
+ "category": "visual",
1144
+ "values": [
1145
+ "none",
1146
+ "low",
1147
+ "normal",
1148
+ "high",
1149
+ "vivid"
1150
+ ],
1151
+ "supportsArbitrary": true
1152
+ },
1153
+ {
1154
+ "name": "backdrop-sepia",
1155
+ "property": "visual",
1156
+ "syntax": "visual=\"backdrop-sepia:[value]\"",
1157
+ "category": "visual",
1158
+ "values": [
1159
+ "none",
1160
+ "partial",
1161
+ "full"
1162
+ ],
1163
+ "supportsArbitrary": true
1164
+ },
1165
+ {
1166
+ "name": "scroll-behavior",
1167
+ "property": "visual",
1168
+ "syntax": "visual=\"scroll-behavior:[value]\"",
1169
+ "category": "visual",
1170
+ "values": [
1171
+ "auto",
1172
+ "smooth"
1173
+ ],
1174
+ "supportsArbitrary": false
1175
+ },
1176
+ {
1177
+ "name": "scroll-margin",
1178
+ "property": "visual",
1179
+ "syntax": "visual=\"scroll-m:[value]\"",
1180
+ "category": "visual",
1181
+ "values": [
1182
+ "scroll-m",
1183
+ "scroll-m-t",
1184
+ "scroll-m-r",
1185
+ "scroll-m-b",
1186
+ "scroll-m-l"
1187
+ ],
1188
+ "supportsArbitrary": true
1189
+ },
1190
+ {
1191
+ "name": "scroll-padding",
1192
+ "property": "visual",
1193
+ "syntax": "visual=\"scroll-p:[value]\"",
1194
+ "category": "visual",
1195
+ "values": [
1196
+ "scroll-p",
1197
+ "scroll-p-t",
1198
+ "scroll-p-r",
1199
+ "scroll-p-b",
1200
+ "scroll-p-l"
1201
+ ],
1202
+ "supportsArbitrary": true
1203
+ },
1204
+ {
1205
+ "name": "scroll-snap-align",
1206
+ "property": "visual",
1207
+ "syntax": "visual=\"snap-align:[value]\"",
1208
+ "category": "visual",
1209
+ "values": [
1210
+ "start",
1211
+ "end",
1212
+ "center",
1213
+ "none"
1214
+ ],
1215
+ "supportsArbitrary": false
1216
+ },
1217
+ {
1218
+ "name": "scroll-snap-stop",
1219
+ "property": "visual",
1220
+ "syntax": "visual=\"snap-stop:[value]\"",
1221
+ "category": "visual",
1222
+ "values": [
1223
+ "normal",
1224
+ "always"
1225
+ ],
1226
+ "supportsArbitrary": false
1227
+ },
1228
+ {
1229
+ "name": "scroll-snap-type",
1230
+ "property": "visual",
1231
+ "syntax": "visual=\"snap-type:[value]\"",
1232
+ "category": "visual",
1233
+ "values": [
1234
+ "none",
1235
+ "x",
1236
+ "y",
1237
+ "both",
1238
+ "x-proximity",
1239
+ "y-proximity"
1240
+ ],
1241
+ "supportsArbitrary": false
1242
+ },
1243
+ {
1244
+ "name": "touch-action",
1245
+ "property": "visual",
1246
+ "syntax": "visual=\"touch:[value]\"",
1247
+ "category": "visual",
1248
+ "values": [
1249
+ "auto",
1250
+ "none",
1251
+ "pan-x",
1252
+ "pan-y",
1253
+ "pan-left",
1254
+ "pan-right",
1255
+ "pinch-zoom",
1256
+ "manipulation"
1257
+ ],
1258
+ "supportsArbitrary": false
1259
+ },
1260
+ {
1261
+ "name": "resize",
1262
+ "property": "visual",
1263
+ "syntax": "visual=\"resize:[value]\"",
1264
+ "category": "visual",
1265
+ "values": [
1266
+ "none",
1267
+ "both",
1268
+ "x",
1269
+ "y"
1270
+ ],
1271
+ "supportsArbitrary": false
1272
+ },
1273
+ {
1274
+ "name": "will-change",
1275
+ "property": "visual",
1276
+ "syntax": "visual=\"will-change:[value]\"",
1277
+ "category": "visual",
1278
+ "values": [
1279
+ "auto",
1280
+ "scroll",
1281
+ "contents",
1282
+ "transform",
1283
+ "opacity"
1284
+ ],
1285
+ "supportsArbitrary": false
1286
+ },
1287
+ {
1288
+ "name": "color-scheme",
1289
+ "property": "visual",
1290
+ "syntax": "visual=\"color-scheme:[value]\"",
1291
+ "category": "visual",
1292
+ "values": [
1293
+ "light",
1294
+ "dark",
1295
+ "normal"
1296
+ ],
1297
+ "supportsArbitrary": false
1298
+ },
1299
+ {
1300
+ "name": "field-sizing",
1301
+ "property": "visual",
1302
+ "syntax": "visual=\"field-sizing:[value]\"",
1303
+ "category": "visual",
1304
+ "values": [
1305
+ "fixed",
1306
+ "content"
1307
+ ],
1308
+ "supportsArbitrary": false
1309
+ },
1310
+ {
1311
+ "name": "forced-color-adjust",
1312
+ "property": "visual",
1313
+ "syntax": "visual=\"forced-color:[value]\"",
1314
+ "category": "visual",
1315
+ "values": [
1316
+ "auto",
1317
+ "none"
1318
+ ],
1319
+ "supportsArbitrary": false
1320
+ },
1321
+ {
1322
+ "name": "text-alignment",
1323
+ "property": "visual",
1324
+ "syntax": "visual=\"text:[alignment]\"",
1325
+ "category": "visual",
1326
+ "values": [
1327
+ "left",
1328
+ "center",
1329
+ "right",
1330
+ "justify"
1331
+ ],
1332
+ "supportsArbitrary": false
1333
+ },
1334
+ {
1335
+ "name": "text-transform",
1336
+ "property": "visual",
1337
+ "syntax": "visual=\"[transform-value]\"",
1338
+ "category": "visual",
1339
+ "values": [
1340
+ "uppercase",
1341
+ "lowercase",
1342
+ "capitalize",
1343
+ "normal-case"
1344
+ ],
1345
+ "supportsArbitrary": false
1346
+ },
1347
+ {
1348
+ "name": "text-decoration",
1349
+ "property": "visual",
1350
+ "syntax": "visual=\"[decoration-value]\"",
1351
+ "category": "visual",
1352
+ "values": [
1353
+ "underline",
1354
+ "overline",
1355
+ "line-through",
1356
+ "no-underline"
1357
+ ],
1358
+ "supportsArbitrary": false
1359
+ },
1360
+ {
1361
+ "name": "text-overflow",
1362
+ "property": "visual",
1363
+ "syntax": "visual=\"[overflow-value]\"",
1364
+ "category": "visual",
1365
+ "values": [
1366
+ "truncate",
1367
+ "text-ellipsis",
1368
+ "text-clip"
1369
+ ],
1370
+ "supportsArbitrary": false
1371
+ },
1372
+ {
1373
+ "name": "text-wrap",
1374
+ "property": "visual",
1375
+ "syntax": "visual=\"[wrap-value]\"",
1376
+ "category": "visual",
1377
+ "values": [
1378
+ "text-wrap",
1379
+ "text-nowrap",
1380
+ "text-balance",
1381
+ "text-pretty"
1382
+ ],
1383
+ "supportsArbitrary": false
1384
+ },
1385
+ {
1386
+ "name": "whitespace",
1387
+ "property": "visual",
1388
+ "syntax": "visual=\"whitespace:[value]\"",
1389
+ "category": "visual",
1390
+ "values": [
1391
+ "normal",
1392
+ "nowrap",
1393
+ "pre",
1394
+ "pre-line",
1395
+ "pre-wrap",
1396
+ "break-spaces"
1397
+ ],
1398
+ "supportsArbitrary": false
1399
+ },
1400
+ {
1401
+ "name": "word-break",
1402
+ "property": "visual",
1403
+ "syntax": "visual=\"[break-value]\"",
1404
+ "category": "visual",
1405
+ "values": [
1406
+ "break-normal",
1407
+ "break-words",
1408
+ "break-all",
1409
+ "break-keep"
1410
+ ],
1411
+ "supportsArbitrary": false
1412
+ },
1413
+ {
1414
+ "name": "hyphens",
1415
+ "property": "visual",
1416
+ "syntax": "visual=\"hyphens:[value]\"",
1417
+ "category": "visual",
1418
+ "values": [
1419
+ "none",
1420
+ "manual",
1421
+ "auto"
1422
+ ],
1423
+ "supportsArbitrary": false
1424
+ },
1425
+ {
1426
+ "name": "text-indent",
1427
+ "property": "visual",
1428
+ "syntax": "visual=\"indent:[value]\"",
1429
+ "category": "visual",
1430
+ "values": [
1431
+ "0"
1432
+ ],
1433
+ "supportsArbitrary": true
1434
+ },
1435
+ {
1436
+ "name": "vertical-align",
1437
+ "property": "visual",
1438
+ "syntax": "visual=\"align:[value]\"",
1439
+ "category": "visual",
1440
+ "values": [
1441
+ "baseline",
1442
+ "top",
1443
+ "middle",
1444
+ "bottom",
1445
+ "text-top",
1446
+ "text-bottom",
1447
+ "sub",
1448
+ "super"
1449
+ ],
1450
+ "supportsArbitrary": false
1451
+ },
1452
+ {
1453
+ "name": "font-style",
1454
+ "property": "visual",
1455
+ "syntax": "visual=\"[style-value]\"",
1456
+ "category": "visual",
1457
+ "values": [
1458
+ "italic",
1459
+ "not-italic"
1460
+ ],
1461
+ "supportsArbitrary": false
1462
+ },
1463
+ {
1464
+ "name": "font-smoothing",
1465
+ "property": "visual",
1466
+ "syntax": "visual=\"[smoothing-value]\"",
1467
+ "category": "visual",
1468
+ "values": [
1469
+ "antialiased",
1470
+ "subpixel-antialiased"
1471
+ ],
1472
+ "supportsArbitrary": false
1473
+ },
1474
+ {
1475
+ "name": "line-clamp",
1476
+ "property": "visual",
1477
+ "syntax": "visual=\"line-clamp:[value]\"",
1478
+ "category": "visual",
1479
+ "values": [
1480
+ "1",
1481
+ "2",
1482
+ "3",
1483
+ "none"
1484
+ ],
1485
+ "supportsArbitrary": true
1486
+ },
1487
+ {
1488
+ "name": "list-style",
1489
+ "property": "visual",
1490
+ "syntax": "visual=\"list:[value]\"",
1491
+ "category": "visual",
1492
+ "values": [
1493
+ "none",
1494
+ "disc",
1495
+ "decimal",
1496
+ "square",
1497
+ "inside",
1498
+ "outside"
1499
+ ],
1500
+ "supportsArbitrary": false
1501
+ },
1502
+ {
1503
+ "name": "text-shadow",
1504
+ "property": "visual",
1505
+ "syntax": "visual=\"text-shadow:[value]\"",
1506
+ "category": "visual",
1507
+ "values": [
1508
+ "none",
1509
+ "small",
1510
+ "medium",
1511
+ "big"
1512
+ ],
1513
+ "supportsArbitrary": true
1514
+ },
1515
+ {
1516
+ "name": "font-variant-numeric",
1517
+ "property": "visual",
1518
+ "syntax": "visual=\"[variant-value]\"",
1519
+ "category": "visual",
1520
+ "values": [
1521
+ "normal-nums",
1522
+ "ordinal",
1523
+ "slashed-zero",
1524
+ "lining-nums",
1525
+ "oldstyle-nums",
1526
+ "proportional-nums",
1527
+ "tabular-nums"
1528
+ ],
1529
+ "supportsArbitrary": false
1530
+ },
1531
+ {
1532
+ "name": "transform-perspective",
1533
+ "property": "visual",
1534
+ "syntax": "visual=\"perspective:[value]\"",
1535
+ "category": "visual",
1536
+ "values": [
1537
+ "none",
1538
+ "dramatic",
1539
+ "near",
1540
+ "normal",
1541
+ "midrange",
1542
+ "far",
1543
+ "distant"
1544
+ ],
1545
+ "supportsArbitrary": true
1546
+ },
1547
+ {
1548
+ "name": "transform-perspective-origin",
1549
+ "property": "visual",
1550
+ "syntax": "visual=\"perspective-origin:[value]\"",
1551
+ "category": "visual",
1552
+ "values": [
1553
+ "center",
1554
+ "top",
1555
+ "bottom",
1556
+ "left",
1557
+ "right",
1558
+ "top-left",
1559
+ "top-right",
1560
+ "bottom-left",
1561
+ "bottom-right"
1562
+ ],
1563
+ "supportsArbitrary": true
1564
+ },
1565
+ {
1566
+ "name": "transform-rotate-3d",
1567
+ "property": "visual",
1568
+ "syntax": "visual=\"rotate-x:[degrees]\" or visual=\"rotate-y:[degrees]\" or visual=\"rotate-z:[degrees]\"",
1569
+ "category": "visual",
1570
+ "values": [
1571
+ "0",
1572
+ "45",
1573
+ "90",
1574
+ "180"
1575
+ ],
1576
+ "supportsArbitrary": true
1577
+ },
1578
+ {
1579
+ "name": "transform-translate-z",
1580
+ "property": "visual",
1581
+ "syntax": "visual=\"translate-z:[value]\"",
1582
+ "category": "visual",
1583
+ "values": [
1584
+ "0",
1585
+ "near",
1586
+ "far"
1587
+ ],
1588
+ "supportsArbitrary": true
1589
+ },
1590
+ {
1591
+ "name": "transform-style",
1592
+ "property": "visual",
1593
+ "syntax": "visual=\"transform-style:[value]\"",
1594
+ "category": "visual",
1595
+ "values": [
1596
+ "flat",
1597
+ "preserve-3d"
1598
+ ],
1599
+ "supportsArbitrary": false
1600
+ },
1601
+ {
1602
+ "name": "transform-backface",
1603
+ "property": "visual",
1604
+ "syntax": "visual=\"backface:[value]\"",
1605
+ "category": "visual",
1606
+ "values": [
1607
+ "visible",
1608
+ "hidden"
1609
+ ],
1610
+ "supportsArbitrary": false
1611
+ },
1612
+ {
1613
+ "name": "mask",
1614
+ "property": "visual",
1615
+ "syntax": "visual=\"mask:[value]\"",
1616
+ "category": "visual",
1617
+ "values": [
1618
+ "none",
1619
+ "fade-y",
1620
+ "fade-x"
1621
+ ],
1622
+ "supportsArbitrary": true
1623
+ },
1624
+ {
1625
+ "name": "state-prefixes",
1626
+ "property": "visual",
1627
+ "syntax": "visual=\"hover:... focus:... active:...\"",
1628
+ "category": "visual",
1629
+ "values": [
1630
+ "hover:",
1631
+ "focus:",
1632
+ "active:",
1633
+ "disabled:",
1634
+ "visited:",
1635
+ "first:",
1636
+ "last:",
1637
+ "odd:",
1638
+ "even:"
1639
+ ],
1640
+ "supportsArbitrary": false
1641
+ },
1642
+ {
1643
+ "name": "filter-brightness",
1644
+ "property": "visual",
1645
+ "syntax": "visual=\"brightness:[value]\"",
1646
+ "category": "visual",
1647
+ "values": [
1648
+ "dim",
1649
+ "dark",
1650
+ "normal",
1651
+ "bright",
1652
+ "vivid"
1653
+ ],
1654
+ "supportsArbitrary": true
1655
+ },
1656
+ {
1657
+ "name": "filter-contrast",
1658
+ "property": "visual",
1659
+ "syntax": "visual=\"contrast:[value]\"",
1660
+ "category": "visual",
1661
+ "values": [
1662
+ "low",
1663
+ "reduced",
1664
+ "normal",
1665
+ "high",
1666
+ "max"
1667
+ ],
1668
+ "supportsArbitrary": true
1669
+ },
1670
+ {
1671
+ "name": "filter-grayscale",
1672
+ "property": "visual",
1673
+ "syntax": "visual=\"grayscale:[value]\"",
1674
+ "category": "visual",
1675
+ "values": [
1676
+ "none",
1677
+ "partial",
1678
+ "full"
1679
+ ],
1680
+ "supportsArbitrary": true
1681
+ },
1682
+ {
1683
+ "name": "filter-hue-rotate",
1684
+ "property": "visual",
1685
+ "syntax": "visual=\"hue-rotate:[degrees]\"",
1686
+ "category": "visual",
1687
+ "values": [
1688
+ "0",
1689
+ "90",
1690
+ "180"
1691
+ ],
1692
+ "supportsArbitrary": true
1693
+ },
1694
+ {
1695
+ "name": "filter-invert",
1696
+ "property": "visual",
1697
+ "syntax": "visual=\"invert:[value]\"",
1698
+ "category": "visual",
1699
+ "values": [
1700
+ "none",
1701
+ "partial",
1702
+ "full"
1703
+ ],
1704
+ "supportsArbitrary": true
1705
+ },
1706
+ {
1707
+ "name": "filter-saturate",
1708
+ "property": "visual",
1709
+ "syntax": "visual=\"saturate:[value]\"",
1710
+ "category": "visual",
1711
+ "values": [
1712
+ "none",
1713
+ "low",
1714
+ "normal",
1715
+ "high",
1716
+ "vivid"
1717
+ ],
1718
+ "supportsArbitrary": true
1719
+ },
1720
+ {
1721
+ "name": "filter-sepia",
1722
+ "property": "visual",
1723
+ "syntax": "visual=\"sepia:[value]\"",
1724
+ "category": "visual",
1725
+ "values": [
1726
+ "none",
1727
+ "partial",
1728
+ "full"
1729
+ ],
1730
+ "supportsArbitrary": true
1731
+ },
1732
+ {
1733
+ "name": "filter-drop-shadow",
1734
+ "property": "visual",
1735
+ "syntax": "visual=\"drop-shadow:[value]\"",
1736
+ "category": "visual",
1737
+ "values": [
1738
+ "none",
1739
+ "tiny",
1740
+ "small",
1741
+ "medium",
1742
+ "big",
1743
+ "giant"
1744
+ ],
1745
+ "supportsArbitrary": true
1746
+ },
1747
+ {
1748
+ "name": "transition-property",
1749
+ "property": "visual",
1750
+ "syntax": "visual=\"transition:[value]\"",
1751
+ "category": "visual",
1752
+ "values": [
1753
+ "none",
1754
+ "all",
1755
+ "colors",
1756
+ "opacity",
1757
+ "shadow",
1758
+ "transform"
1759
+ ],
1760
+ "supportsArbitrary": false
1761
+ },
1762
+ {
1763
+ "name": "transition-duration",
1764
+ "property": "visual",
1765
+ "syntax": "visual=\"duration:[value]\"",
1766
+ "category": "visual",
1767
+ "values": [
1768
+ "instant",
1769
+ "quick",
1770
+ "fast",
1771
+ "normal",
1772
+ "slow",
1773
+ "slower",
1774
+ "lazy"
1775
+ ],
1776
+ "supportsArbitrary": true
1777
+ },
1778
+ {
1779
+ "name": "transition-timing",
1780
+ "property": "visual",
1781
+ "syntax": "visual=\"ease:[value]\"",
1782
+ "category": "visual",
1783
+ "values": [
1784
+ "linear",
1785
+ "in",
1786
+ "out",
1787
+ "in-out"
1788
+ ],
1789
+ "supportsArbitrary": true
1790
+ },
1791
+ {
1792
+ "name": "transition-delay",
1793
+ "property": "visual",
1794
+ "syntax": "visual=\"delay:[value]\"",
1795
+ "category": "visual",
1796
+ "values": [
1797
+ "instant",
1798
+ "quick",
1799
+ "fast",
1800
+ "normal",
1801
+ "slow"
1802
+ ],
1803
+ "supportsArbitrary": true
1804
+ },
1805
+ {
1806
+ "name": "animation-builtin",
1807
+ "property": "visual",
1808
+ "syntax": "visual=\"animate:[value]\"",
1809
+ "category": "visual",
1810
+ "values": [
1811
+ "none",
1812
+ "spin",
1813
+ "ping",
1814
+ "pulse",
1815
+ "bounce"
1816
+ ],
1817
+ "supportsArbitrary": true
1818
+ },
1819
+ {
1820
+ "name": "animation-duration",
1821
+ "property": "visual",
1822
+ "syntax": "visual=\"animation-duration:[value]\"",
1823
+ "category": "visual",
1824
+ "values": [
1825
+ "instant",
1826
+ "quick",
1827
+ "fast",
1828
+ "normal",
1829
+ "slow",
1830
+ "slower",
1831
+ "lazy"
1832
+ ],
1833
+ "supportsArbitrary": true
1834
+ },
1835
+ {
1836
+ "name": "animation-delay",
1837
+ "property": "visual",
1838
+ "syntax": "visual=\"animation-delay:[value]\"",
1839
+ "category": "visual",
1840
+ "values": [
1841
+ "instant",
1842
+ "quick",
1843
+ "fast",
1844
+ "normal",
1845
+ "slow"
1846
+ ],
1847
+ "supportsArbitrary": true
1848
+ },
1849
+ {
1850
+ "name": "animation-iteration",
1851
+ "property": "visual",
1852
+ "syntax": "visual=\"animation-iteration:[value]\"",
1853
+ "category": "visual",
1854
+ "values": [
1855
+ "1",
1856
+ "infinite"
1857
+ ],
1858
+ "supportsArbitrary": false
1859
+ },
1860
+ {
1861
+ "name": "animation-direction",
1862
+ "property": "visual",
1863
+ "syntax": "visual=\"animation-direction:[value]\"",
1864
+ "category": "visual",
1865
+ "values": [
1866
+ "normal",
1867
+ "reverse",
1868
+ "alternate",
1869
+ "alternate-reverse"
1870
+ ],
1871
+ "supportsArbitrary": false
1872
+ },
1873
+ {
1874
+ "name": "animation-fill",
1875
+ "property": "visual",
1876
+ "syntax": "visual=\"animation-fill:[value]\"",
1877
+ "category": "visual",
1878
+ "values": [
1879
+ "none",
1880
+ "forwards",
1881
+ "backwards",
1882
+ "both"
1883
+ ],
1884
+ "supportsArbitrary": false
1885
+ },
1886
+ {
1887
+ "name": "animation-play",
1888
+ "property": "visual",
1889
+ "syntax": "visual=\"animation-play:[value]\"",
1890
+ "category": "visual",
1891
+ "values": [
1892
+ "running",
1893
+ "paused"
1894
+ ],
1895
+ "supportsArbitrary": false
1896
+ },
1897
+ {
1898
+ "name": "transform-scale",
1899
+ "property": "visual",
1900
+ "syntax": "visual=\"scale:[value]\"",
1901
+ "category": "visual",
1902
+ "values": [
1903
+ "0",
1904
+ "50",
1905
+ "75",
1906
+ "100",
1907
+ "110",
1908
+ "125",
1909
+ "150"
1910
+ ],
1911
+ "supportsArbitrary": true
1912
+ },
1913
+ {
1914
+ "name": "transform-rotate",
1915
+ "property": "visual",
1916
+ "syntax": "visual=\"rotate:[degrees]\"",
1917
+ "category": "visual",
1918
+ "values": [
1919
+ "0",
1920
+ "45",
1921
+ "90",
1922
+ "180"
1923
+ ],
1924
+ "supportsArbitrary": true
1925
+ },
1926
+ {
1927
+ "name": "transform-translate",
1928
+ "property": "visual",
1929
+ "syntax": "visual=\"translate-x:[value]\" or visual=\"translate-y:[value]\" or visual=\"translate-z:[value]\"",
1930
+ "category": "visual",
1931
+ "values": [
1932
+ "0",
1933
+ "tiny",
1934
+ "small",
1935
+ "medium",
1936
+ "big",
1937
+ "full",
1938
+ "1/2",
1939
+ "-full",
1940
+ "-1/2"
1941
+ ],
1942
+ "supportsArbitrary": true
1943
+ },
1944
+ {
1945
+ "name": "transform-skew",
1946
+ "property": "visual",
1947
+ "syntax": "visual=\"skew-x:[degrees]\" or visual=\"skew-y:[degrees]\"",
1948
+ "category": "visual",
1949
+ "values": [
1950
+ "0",
1951
+ "3",
1952
+ "6",
1953
+ "12"
1954
+ ],
1955
+ "supportsArbitrary": true
1956
+ },
1957
+ {
1958
+ "name": "transform-origin",
1959
+ "property": "visual",
1960
+ "syntax": "visual=\"origin:[value]\"",
1961
+ "category": "visual",
1962
+ "values": [
1963
+ "center",
1964
+ "top",
1965
+ "top-right",
1966
+ "right",
1967
+ "bottom-right",
1968
+ "bottom",
1969
+ "bottom-left",
1970
+ "left",
1971
+ "top-left"
1972
+ ],
1973
+ "supportsArbitrary": true
1974
+ },
1975
+ {
1976
+ "name": "border",
1977
+ "property": "visual",
1978
+ "syntax": "visual=\"border:[color]\" | visual=\"border-{t|b|l|r|x|y}:[color]\"",
1979
+ "category": "visual",
1980
+ "values": [
1981
+ "primary",
1982
+ "gray-300",
1983
+ "danger"
1984
+ ],
1985
+ "supportsArbitrary": true
1986
+ },
1987
+ {
1988
+ "name": "border-width",
1989
+ "property": "visual",
1990
+ "syntax": "visual=\"border-w:[value]\" | visual=\"border-{t|b|l|r|x|y}-w:[value]\"",
1991
+ "category": "visual",
1992
+ "values": [
1993
+ "none",
1994
+ "thin",
1995
+ "regular",
1996
+ "thick"
1997
+ ],
1998
+ "supportsArbitrary": true
1999
+ },
2000
+ {
2001
+ "name": "border-style",
2002
+ "property": "visual",
2003
+ "syntax": "visual=\"border-style:[value]\"",
2004
+ "category": "visual",
2005
+ "values": [
2006
+ "solid",
2007
+ "dashed",
2008
+ "dotted",
2009
+ "double",
2010
+ "none"
2011
+ ],
2012
+ "supportsArbitrary": false
2013
+ },
2014
+ {
2015
+ "name": "outline",
2016
+ "property": "visual",
2017
+ "syntax": "visual=\"outline:[color]\"",
2018
+ "category": "visual",
2019
+ "values": [],
2020
+ "supportsArbitrary": true
2021
+ },
2022
+ {
2023
+ "name": "ring",
2024
+ "property": "visual",
2025
+ "syntax": "visual=\"ring:[size]\"",
2026
+ "category": "visual",
2027
+ "values": [
2028
+ "none",
2029
+ "thin",
2030
+ "regular",
2031
+ "small",
2032
+ "medium",
2033
+ "big"
2034
+ ],
2035
+ "supportsArbitrary": true
2036
+ },
2037
+ {
2038
+ "name": "ring-color",
2039
+ "property": "visual",
2040
+ "syntax": "visual=\"ring-color:[color]\"",
2041
+ "category": "visual",
2042
+ "values": [
2043
+ "primary",
2044
+ "blue-500"
2045
+ ],
2046
+ "supportsArbitrary": true
2047
+ },
2048
+ {
2049
+ "name": "ring-offset",
2050
+ "property": "visual",
2051
+ "syntax": "visual=\"ring-offset:[size]\"",
2052
+ "category": "visual",
2053
+ "values": [
2054
+ "0",
2055
+ "2",
2056
+ "4"
2057
+ ],
2058
+ "supportsArbitrary": true
2059
+ },
2060
+ {
2061
+ "name": "divide",
2062
+ "property": "visual",
2063
+ "syntax": "visual=\"divide:[color]\" | visual=\"divide-{x|y}:[color]\" | visual=\"divide-{x|y}:reverse\"",
2064
+ "category": "visual",
2065
+ "values": [
2066
+ "primary",
2067
+ "gray-300",
2068
+ "danger"
2069
+ ],
2070
+ "supportsArbitrary": true
2071
+ },
2072
+ {
2073
+ "name": "divide-width",
2074
+ "property": "visual",
2075
+ "syntax": "visual=\"divide-w:[value]\" | visual=\"divide-{x|y}-w:[value]\"",
2076
+ "category": "visual",
2077
+ "values": [
2078
+ "none",
2079
+ "thin",
2080
+ "regular",
2081
+ "thick"
2082
+ ],
2083
+ "supportsArbitrary": true
2084
+ },
2085
+ {
2086
+ "name": "divide-style",
2087
+ "property": "visual",
2088
+ "syntax": "visual=\"divide-style:[value]\"",
2089
+ "category": "visual",
2090
+ "values": [
2091
+ "solid",
2092
+ "dashed",
2093
+ "dotted",
2094
+ "double",
2095
+ "none"
2096
+ ],
2097
+ "supportsArbitrary": false
2098
+ },
2099
+ {
2100
+ "name": "divide-reverse",
2101
+ "property": "visual",
2102
+ "syntax": "visual=\"divide-{x|y}:reverse\"",
2103
+ "category": "visual",
2104
+ "values": [
2105
+ "divide-x:reverse",
2106
+ "divide-y:reverse"
2107
+ ],
2108
+ "supportsArbitrary": false
2109
+ },
2110
+ {
2111
+ "name": "fill",
2112
+ "property": "visual",
2113
+ "syntax": "visual=\"fill:[color]\"",
2114
+ "category": "visual",
2115
+ "values": [
2116
+ "none",
2117
+ "current"
2118
+ ],
2119
+ "supportsArbitrary": true
2120
+ },
2121
+ {
2122
+ "name": "stroke",
2123
+ "property": "visual",
2124
+ "syntax": "visual=\"stroke:[color]\"",
2125
+ "category": "visual",
2126
+ "values": [
2127
+ "none",
2128
+ "current"
2129
+ ],
2130
+ "supportsArbitrary": true
2131
+ },
2132
+ {
2133
+ "name": "stroke-width",
2134
+ "property": "visual",
2135
+ "syntax": "visual=\"stroke-w:[value]\"",
2136
+ "category": "visual",
2137
+ "values": [
2138
+ "0",
2139
+ "1",
2140
+ "2"
2141
+ ],
2142
+ "supportsArbitrary": true
2143
+ },
2144
+ {
2145
+ "name": "content-visibility",
2146
+ "property": "visual",
2147
+ "syntax": "visual=\"content-visibility:[value]\"",
2148
+ "category": "visual",
2149
+ "values": [
2150
+ "visible",
2151
+ "auto",
2152
+ "hidden"
2153
+ ],
2154
+ "supportsArbitrary": false
2155
+ },
2156
+ {
2157
+ "name": "contain",
2158
+ "property": "visual",
2159
+ "syntax": "visual=\"contain:[value]\"",
2160
+ "category": "visual",
2161
+ "values": [
2162
+ "none",
2163
+ "strict",
2164
+ "content",
2165
+ "size",
2166
+ "layout",
2167
+ "style",
2168
+ "paint"
2169
+ ],
2170
+ "supportsArbitrary": false
2171
+ },
2172
+ {
2173
+ "name": "writing-mode",
2174
+ "property": "visual",
2175
+ "syntax": "visual=\"writing-mode:[value]\"",
2176
+ "category": "visual",
2177
+ "values": [
2178
+ "horizontal-tb",
2179
+ "vertical-rl",
2180
+ "vertical-lr",
2181
+ "sideways-rl",
2182
+ "sideways-lr"
2183
+ ],
2184
+ "supportsArbitrary": false
2185
+ }
2010
2186
  ]