syntaxes.json 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678
  1. {
  2. "absolute-size": {
  3. "syntax": "xx-small | x-small | small | medium | large | x-large | xx-large"
  4. },
  5. "alpha-value": {
  6. "syntax": "<number> | <percentage>"
  7. },
  8. "angle-percentage": {
  9. "syntax": "<angle> | <percentage>"
  10. },
  11. "animateable-feature": {
  12. "syntax": "scroll-position | contents | <custom-ident>"
  13. },
  14. "attachment": {
  15. "syntax": "scroll | fixed | local"
  16. },
  17. "attr()": {
  18. "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )"
  19. },
  20. "attr-matcher": {
  21. "syntax": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
  22. },
  23. "attr-modifier": {
  24. "syntax": "i"
  25. },
  26. "attribute-selector": {
  27. "syntax": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'"
  28. },
  29. "auto-repeat": {
  30. "syntax": "repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"
  31. },
  32. "auto-track-list": {
  33. "syntax": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>\n[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
  34. },
  35. "baseline-position": {
  36. "syntax": "[ first | last ]? baseline"
  37. },
  38. "basic-shape": {
  39. "syntax": "<inset()> | <circle()> | <ellipse()> | <polygon()>"
  40. },
  41. "bg-image": {
  42. "syntax": "none | <image>"
  43. },
  44. "bg-layer": {
  45. "syntax": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
  46. },
  47. "bg-position": {
  48. "syntax": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
  49. },
  50. "bg-size": {
  51. "syntax": "[ <length-percentage> | auto ]{1,2} | cover | contain"
  52. },
  53. "blur()": {
  54. "syntax": "blur( <length> )"
  55. },
  56. "blend-mode": {
  57. "syntax": "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
  58. },
  59. "box": {
  60. "syntax": "border-box | padding-box | content-box"
  61. },
  62. "br-style": {
  63. "syntax": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset"
  64. },
  65. "br-width": {
  66. "syntax": "<length> | thin | medium | thick"
  67. },
  68. "brightness()": {
  69. "syntax": "brightness( <number-percentage> )"
  70. },
  71. "calc()": {
  72. "syntax": "calc( <calc-sum> )"
  73. },
  74. "calc-sum": {
  75. "syntax": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
  76. },
  77. "calc-product": {
  78. "syntax": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
  79. },
  80. "calc-value": {
  81. "syntax": "<number> | <dimension> | <percentage> | ( <calc-sum> )"
  82. },
  83. "cf-final-image": {
  84. "syntax": "<image> | <color>"
  85. },
  86. "cf-mixing-image": {
  87. "syntax": "<percentage>? && <image>"
  88. },
  89. "circle()": {
  90. "syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )"
  91. },
  92. "class-selector": {
  93. "syntax": "'.' <ident-token>"
  94. },
  95. "clip-source": {
  96. "syntax": "<url>"
  97. },
  98. "color": {
  99. "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
  100. },
  101. "color-stop": {
  102. "syntax": "<color> <length-percentage>?"
  103. },
  104. "color-stop-list": {
  105. "syntax": "<color-stop>#{2,}"
  106. },
  107. "common-lig-values": {
  108. "syntax": "[ common-ligatures | no-common-ligatures ]"
  109. },
  110. "composite-style": {
  111. "syntax": "clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor"
  112. },
  113. "compositing-operator": {
  114. "syntax": "add | subtract | intersect | exclude"
  115. },
  116. "compound-selector": {
  117. "syntax": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector> <pseudo-class-selector>* ]* ]!"
  118. },
  119. "compound-selector-list": {
  120. "syntax": "<compound-selector>#"
  121. },
  122. "contextual-alt-values": {
  123. "syntax": "[ contextual | no-contextual ]"
  124. },
  125. "content-distribution": {
  126. "syntax": "space-between | space-around | space-evenly | stretch"
  127. },
  128. "content-list": {
  129. "syntax": "[ <string> | contents | <image> | <quote> | <target> | <leader()> ]+"
  130. },
  131. "content-position": {
  132. "syntax": "center | start | end | flex-start | flex-end"
  133. },
  134. "content-replacement": {
  135. "syntax": "<image>"
  136. },
  137. "contrast()": {
  138. "syntax": "contrast( [ <number-percentage> ] )"
  139. },
  140. "counter-style": {
  141. "syntax": "<counter-style-name> | symbols()"
  142. },
  143. "counter-style-name": {
  144. "syntax": "<custom-ident>"
  145. },
  146. "cross-fade()": {
  147. "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )"
  148. },
  149. "cubic-bezier-timing-function": {
  150. "syntax": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)"
  151. },
  152. "deprecated-system-color": {
  153. "syntax": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText"
  154. },
  155. "discretionary-lig-values": {
  156. "syntax": "[ discretionary-ligatures | no-discretionary-ligatures ]"
  157. },
  158. "display-box": {
  159. "syntax": "contents | none"
  160. },
  161. "display-inside": {
  162. "syntax": "flow | flow-root | table | flex | grid | subgrid | ruby"
  163. },
  164. "display-internal": {
  165. "syntax": "table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container"
  166. },
  167. "display-legacy": {
  168. "syntax": "inline-block | inline-list-item | inline-table | inline-flex | inline-grid"
  169. },
  170. "display-listitem": {
  171. "syntax": "<display-outside>? && [ flow | flow-root ]? && list-item"
  172. },
  173. "display-outside": {
  174. "syntax": "block | inline | run-in"
  175. },
  176. "drop-shadow()": {
  177. "syntax": "drop-shadow( <length>{2,3} <color>? )"
  178. },
  179. "east-asian-variant-values": {
  180. "syntax": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]"
  181. },
  182. "east-asian-width-values": {
  183. "syntax": "[ full-width | proportional-width ]"
  184. },
  185. "element()": {
  186. "syntax": "element( <id-selector> )"
  187. },
  188. "ellipse()": {
  189. "syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )"
  190. },
  191. "ending-shape": {
  192. "syntax": "circle | ellipse"
  193. },
  194. "explicit-track-list": {
  195. "syntax": "[ <line-names>? <track-size> ]+ <line-names>?"
  196. },
  197. "family-name": {
  198. "syntax": "<string> | <custom-ident>+"
  199. },
  200. "feature-tag-value": {
  201. "syntax": "<string> [ <integer> | on | off ]?"
  202. },
  203. "feature-type": {
  204. "syntax": "@stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation"
  205. },
  206. "feature-value-block": {
  207. "syntax": "<feature-type> {\n <feature-value-declaration-list>\n}"
  208. },
  209. "feature-value-block-list": {
  210. "syntax": "<feature-value-block>+"
  211. },
  212. "feature-value-declaration": {
  213. "syntax": "<custom-ident>: <integer>+;"
  214. },
  215. "feature-value-declaration-list": {
  216. "syntax": "<feature-value-declaration>"
  217. },
  218. "feature-value-name": {
  219. "syntax": "<custom-ident>"
  220. },
  221. "fill-rule": {
  222. "syntax": "nonzero | evenodd"
  223. },
  224. "filter-function": {
  225. "syntax": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
  226. },
  227. "filter-function-list": {
  228. "syntax": "[ <filter-function> | <url> ]+"
  229. },
  230. "final-bg-layer": {
  231. "syntax": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box>"
  232. },
  233. "fit-content()": {
  234. "syntax": "fit-content( [ <length> | <percentage> ] )"
  235. },
  236. "fixed-breadth": {
  237. "syntax": "<length-percentage>"
  238. },
  239. "fixed-repeat": {
  240. "syntax": "repeat( [ <positive-integer> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )"
  241. },
  242. "fixed-size": {
  243. "syntax": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )"
  244. },
  245. "font-stretch-absolute": {
  246. "syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage>"
  247. },
  248. "font-variant-css21": {
  249. "syntax": "[ normal | small-caps ]"
  250. },
  251. "font-weight-absolute": {
  252. "syntax": "normal | bold | <number>"
  253. },
  254. "frames-timing-function": {
  255. "syntax": "frames(<integer>)"
  256. },
  257. "frequency-percentage": {
  258. "syntax": "<frequency> | <percentage>"
  259. },
  260. "general-enclosed": {
  261. "syntax": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
  262. },
  263. "generic-family": {
  264. "syntax": "serif | sans-serif | cursive | fantasy | monospace"
  265. },
  266. "generic-name": {
  267. "syntax": "serif | sans-serif | cursive | fantasy | monospace"
  268. },
  269. "geometry-box": {
  270. "syntax": "<shape-box> | fill-box | stroke-box | view-box"
  271. },
  272. "gradient": {
  273. "syntax": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
  274. },
  275. "grayscale()": {
  276. "syntax": "grayscale( <number-percentage> )"
  277. },
  278. "grid-line": {
  279. "syntax": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"
  280. },
  281. "historical-lig-values": {
  282. "syntax": "[ historical-ligatures | no-historical-ligatures ]"
  283. },
  284. "hsl()": {
  285. "syntax": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )"
  286. },
  287. "hsla()": {
  288. "syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )"
  289. },
  290. "hue": {
  291. "syntax": "<number> | <angle>"
  292. },
  293. "hue-rotate()": {
  294. "syntax": "hue-rotate( <angle> )"
  295. },
  296. "id-selector": {
  297. "syntax": "<hash-token>"
  298. },
  299. "image": {
  300. "syntax": "<url> | <image()> | <image-set()> | <element()> | <cross-fade()> | <gradient>"
  301. },
  302. "image()": {
  303. "syntax": "image( [ [ <image> | <string> ]? , <color>? ]! )"
  304. },
  305. "image-set()": {
  306. "syntax": "image-set( <image-set-option># )"
  307. },
  308. "image-set-option": {
  309. "syntax": "[ <image> | <string> ] <resolution>"
  310. },
  311. "inflexible-breadth": {
  312. "syntax": "<length> | <percentage> | min-content | max-content | auto"
  313. },
  314. "inset()": {
  315. "syntax": "inset( <length-percentage>{1,4} [ round <border-radius> ]? )"
  316. },
  317. "invert()": {
  318. "syntax": "invert( <number-percentage> )"
  319. },
  320. "keyframes-name": {
  321. "syntax": "<custom-ident> | <string>"
  322. },
  323. "keyframe-block": {
  324. "syntax": "<keyframe-selector># {\n <declaration-list>\n}"
  325. },
  326. "keyframe-block-list": {
  327. "syntax": "<keyframe-block>+"
  328. },
  329. "keyframe-selector": {
  330. "syntax": "from | to | <percentage>"
  331. },
  332. "leader()": {
  333. "syntax": "leader( <leader-type> )"
  334. },
  335. "leader-type": {
  336. "syntax": "dotted | solid | space | <string>"
  337. },
  338. "length-percentage": {
  339. "syntax": "<length> | <percentage>"
  340. },
  341. "line-names": {
  342. "syntax": "'[' <custom-ident>* ']'"
  343. },
  344. "line-name-list": {
  345. "syntax": "[ <line-names> | <name-repeat> ]+"
  346. },
  347. "linear-gradient()": {
  348. "syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
  349. },
  350. "mask-layer": {
  351. "syntax": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
  352. },
  353. "mask-position": {
  354. "syntax": "[ <length-percentage> | left | center | right ] [ <length-percentage> | top | center | bottom ]?"
  355. },
  356. "mask-reference": {
  357. "syntax": "none | <image> | <mask-source>"
  358. },
  359. "mask-source": {
  360. "syntax": "<url>"
  361. },
  362. "masking-mode": {
  363. "syntax": "alpha | luminance | match-source"
  364. },
  365. "matrix()": {
  366. "syntax": "matrix( <number> [, <number> ]{5,5} )"
  367. },
  368. "matrix3d()": {
  369. "syntax": "matrix3d( <number> [, <number> ]{15,15} )"
  370. },
  371. "media-and": {
  372. "syntax": "<media-in-parens> [ and <media-in-parens> ]+"
  373. },
  374. "media-condition": {
  375. "syntax": "<media-not> | <media-and> | <media-or> | <media-in-parens>"
  376. },
  377. "media-condition-without-or": {
  378. "syntax": "<media-not> | <media-and> | <media-in-parens>"
  379. },
  380. "media-feature": {
  381. "syntax": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
  382. },
  383. "media-in-parens": {
  384. "syntax": "( <media-condition> ) | <media-feature> | <general-enclosed>"
  385. },
  386. "media-not": {
  387. "syntax": "not <media-in-parens>"
  388. },
  389. "media-or": {
  390. "syntax": "<media-in-parens> [ or <media-in-parens> ]+"
  391. },
  392. "media-query": {
  393. "syntax": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"
  394. },
  395. "media-query-list": {
  396. "syntax": "<media-query>#"
  397. },
  398. "media-type": {
  399. "syntax": "<ident>"
  400. },
  401. "mf-boolean": {
  402. "syntax": "<mf-name>"
  403. },
  404. "mf-name": {
  405. "syntax": "<ident>"
  406. },
  407. "mf-plain": {
  408. "syntax": "<mf-name> : <mf-value>"
  409. },
  410. "mf-range": {
  411. "syntax": "<mf-name> [ '<' | '>' ]? '='? <mf-value>\n| <mf-value> [ '<' | '>' ]? '='? <mf-name>\n| <mf-value> '<' '='? <mf-name> '<' '='? <mf-value>\n| <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>"
  412. },
  413. "mf-value": {
  414. "syntax": "<number> | <dimension> | <ident> | <ratio>"
  415. },
  416. "minmax()": {
  417. "syntax": "minmax( [ <length> | <percentage> | <flex> | min-content | max-content | auto ] , [ <length> | <percentage> | <flex> | min-content | max-content | auto ] )"
  418. },
  419. "named-color": {
  420. "syntax": "transparent | aliceblue | antiquewhite | aqua | aquamarine | azure | beige | bisque | black | blanchedalmond | blue | blueviolet | brown | burlywood | cadetblue | chartreuse | chocolate | coral | cornflowerblue | cornsilk | crimson | cyan | darkblue | darkcyan | darkgoldenrod | darkgray | darkgreen | darkgrey | darkkhaki | darkmagenta | darkolivegreen | darkorange | darkorchid | darkred | darksalmon | darkseagreen | darkslateblue | darkslategray | darkslategrey | darkturquoise | darkviolet | deeppink | deepskyblue | dimgray | dimgrey | dodgerblue | firebrick | floralwhite | forestgreen | fuchsia | gainsboro | ghostwhite | gold | goldenrod | gray | green | greenyellow | grey | honeydew | hotpink | indianred | indigo | ivory | khaki | lavender | lavenderblush | lawngreen | lemonchiffon | lightblue | lightcoral | lightcyan | lightgoldenrodyellow | lightgray | lightgreen | lightgrey | lightpink | lightsalmon | lightseagreen | lightskyblue | lightslategray | lightslategrey | lightsteelblue | lightyellow | lime | limegreen | linen | magenta | maroon | mediumaquamarine | mediumblue | mediumorchid | mediumpurple | mediumseagreen | mediumslateblue | mediumspringgreen | mediumturquoise | mediumvioletred | midnightblue | mintcream | mistyrose | moccasin | navajowhite | navy | oldlace | olive | olivedrab | orange | orangered | orchid | palegoldenrod | palegreen | paleturquoise | palevioletred | papayawhip | peachpuff | peru | pink | plum | powderblue | purple | rebeccapurple | red | rosybrown | royalblue | saddlebrown | salmon | sandybrown | seagreen | seashell | sienna | silver | skyblue | slateblue | slategray | slategrey | snow | springgreen | steelblue | tan | teal | thistle | tomato | turquoise | violet | wheat | white | whitesmoke | yellow | yellowgreen"
  421. },
  422. "namespace-prefix": {
  423. "syntax": "<ident>"
  424. },
  425. "ns-prefix": {
  426. "syntax": "[ <ident-token> | '*' ]? '|'"
  427. },
  428. "number-percentage": {
  429. "syntax": "<number> | <percentage>"
  430. },
  431. "numeric-figure-values": {
  432. "syntax": "[ lining-nums | oldstyle-nums ]"
  433. },
  434. "numeric-fraction-values": {
  435. "syntax": "[ diagonal-fractions | stacked-fractions ]"
  436. },
  437. "numeric-spacing-values": {
  438. "syntax": "[ proportional-nums | tabular-nums ]"
  439. },
  440. "nth": {
  441. "syntax": "<an-plus-b> | even | odd"
  442. },
  443. "opacity()": {
  444. "syntax": "opacity( [ <number-percentage> ] )"
  445. },
  446. "overflow-position": {
  447. "syntax": "unsafe | safe"
  448. },
  449. "outline-radius": {
  450. "syntax": "<length> | <percentage>"
  451. },
  452. "page-body": {
  453. "syntax": "<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>"
  454. },
  455. "page-margin-box": {
  456. "syntax": "<page-margin-box-type> {\n <declaration-list>\n}"
  457. },
  458. "page-margin-box-type": {
  459. "syntax": "@top-left-corner | @top-left | @top-center | @top-right | @top-right-corner | @bottom-left-corner | @bottom-left | @bottom-center | @bottom-right | @bottom-right-corner | @left-top | @left-middle | @left-bottom | @right-top | @right-middle | @right-bottom"
  460. },
  461. "page-selector-list": {
  462. "syntax": "[ <page-selector># ]?"
  463. },
  464. "page-selector": {
  465. "syntax": "<pseudo-page>+ | <ident> <pseudo-page>*"
  466. },
  467. "perspective()": {
  468. "syntax": "perspective( <length> )"
  469. },
  470. "polygon()": {
  471. "syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )"
  472. },
  473. "position": {
  474. "syntax": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
  475. },
  476. "pseudo-class-selector": {
  477. "syntax": "':' <ident-token> | ':' <function-token> <any-value> ')'"
  478. },
  479. "pseudo-element-selector": {
  480. "syntax": "':' <pseudo-class-selector>"
  481. },
  482. "pseudo-page": {
  483. "syntax": ": [ left | right | first | blank ]"
  484. },
  485. "quote": {
  486. "syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
  487. },
  488. "radial-gradient()": {
  489. "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
  490. },
  491. "relative-size": {
  492. "syntax": "larger | smaller"
  493. },
  494. "repeat-style": {
  495. "syntax": "repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}"
  496. },
  497. "repeating-linear-gradient()": {
  498. "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
  499. },
  500. "repeating-radial-gradient()": {
  501. "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
  502. },
  503. "rgb()": {
  504. "syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
  505. },
  506. "rgba()": {
  507. "syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
  508. },
  509. "rotate()": {
  510. "syntax": "rotate( <angle> )"
  511. },
  512. "rotate3d()": {
  513. "syntax": "rotate3d( <number> , <number> , <number> , <angle> )"
  514. },
  515. "rotateX()": {
  516. "syntax": "rotateX( <angle> )"
  517. },
  518. "rotateY()": {
  519. "syntax": "rotateY( <angle> )"
  520. },
  521. "rotateZ()": {
  522. "syntax": "rotateZ( <angle> )"
  523. },
  524. "saturate()": {
  525. "syntax": "saturate( <number-percentage> )"
  526. },
  527. "scale()": {
  528. "syntax": "scale( <number> [, <number> ]? )"
  529. },
  530. "scale3d()": {
  531. "syntax": "scale3d( <number> , <number> , <number> )"
  532. },
  533. "scaleX()": {
  534. "syntax": "scaleX( <number> )"
  535. },
  536. "scaleY()": {
  537. "syntax": "scaleY( <number> )"
  538. },
  539. "scaleZ()": {
  540. "syntax": "scaleZ( <number> )"
  541. },
  542. "self-position": {
  543. "syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
  544. },
  545. "shape-radius": {
  546. "syntax": "<length-percentage> | closest-side | farthest-side"
  547. },
  548. "skew()": {
  549. "syntax": "skew( <angle> [, <angle> ]? )"
  550. },
  551. "skewX()": {
  552. "syntax": "skewX( <angle> )"
  553. },
  554. "skewY()": {
  555. "syntax": "skewY( <angle> )"
  556. },
  557. "sepia()": {
  558. "syntax": "sepia( <number-percentage> )"
  559. },
  560. "shadow": {
  561. "syntax": "inset? && <length>{2,4} && <color>?"
  562. },
  563. "shadow-t": {
  564. "syntax": "[ <length>{2,3} && <color>? ]"
  565. },
  566. "shape": {
  567. "syntax": "rect(<top>, <right>, <bottom>, <left>)"
  568. },
  569. "shape-box": {
  570. "syntax": "<box> | margin-box"
  571. },
  572. "side-or-corner": {
  573. "syntax": "[ left | right ] || [ top | bottom ]"
  574. },
  575. "single-animation": {
  576. "syntax": "<time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
  577. },
  578. "single-animation-direction": {
  579. "syntax": "normal | reverse | alternate | alternate-reverse"
  580. },
  581. "single-animation-fill-mode": {
  582. "syntax": "none | forwards | backwards | both"
  583. },
  584. "single-animation-iteration-count": {
  585. "syntax": "infinite | <number>"
  586. },
  587. "single-animation-play-state": {
  588. "syntax": "running | paused"
  589. },
  590. "single-timing-function": {
  591. "syntax": "linear | <cubic-bezier-timing-function> | <step-timing-function> | <frames-timing-function>"
  592. },
  593. "single-transition": {
  594. "syntax": "[ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>"
  595. },
  596. "single-transition-timing-function": {
  597. "syntax": "<single-timing-function>"
  598. },
  599. "single-transition-property": {
  600. "syntax": "all | <custom-ident>"
  601. },
  602. "size": {
  603. "syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
  604. },
  605. "step-timing-function": {
  606. "syntax": "step-start | step-end | steps(<integer>[, [ start | end ] ]?)"
  607. },
  608. "subclass-selector": {
  609. "syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
  610. },
  611. "symbol": {
  612. "syntax": "<string> | <image> | <custom-ident>"
  613. },
  614. "target": {
  615. "syntax": "<target-counter()> | <target-counters()> | <target-text()>"
  616. },
  617. "target-counter()": {
  618. "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"
  619. },
  620. "target-counters()": {
  621. "syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"
  622. },
  623. "target-text()": {
  624. "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"
  625. },
  626. "time-percentage": {
  627. "syntax": "<time> | <percentage>"
  628. },
  629. "track-breadth": {
  630. "syntax": "<length-percentage> | <flex> | min-content | max-content | auto"
  631. },
  632. "track-list": {
  633. "syntax": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
  634. },
  635. "track-repeat": {
  636. "syntax": "repeat( [ <positive-integer> ] , [ <line-names>? <track-size> ]+ <line-names>? )"
  637. },
  638. "track-size": {
  639. "syntax": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( [ <length> | <percentage> ] )"
  640. },
  641. "transform-function": {
  642. "syntax": "<matrix()> | <translate()> | <translateX()> | <translateY()> | <scale()> | <scaleX()> | <scaleY()> | <rotate()> | <skew()> | <skewX()> | <skewY()> | <matrix3d()> | <translate3d()> | <translateZ()> | <scale3d()> | <scaleZ()> | <rotate3d()> | <rotateX()> | <rotateY()> | <rotateZ()> | <perspective()>"
  643. },
  644. "transform-list": {
  645. "syntax": "<transform-function>+"
  646. },
  647. "translate()": {
  648. "syntax": "translate( <length-percentage> [, <length-percentage> ]? )"
  649. },
  650. "translate3d()": {
  651. "syntax": "translate3d( <length-percentage> , <length-percentage> , <length> )"
  652. },
  653. "translateX()": {
  654. "syntax": "translateX( <length-percentage> )"
  655. },
  656. "translateY()": {
  657. "syntax": "translateY( <length-percentage> )"
  658. },
  659. "translateZ()": {
  660. "syntax": "translateZ( <length> )"
  661. },
  662. "type-or-unit": {
  663. "syntax": "string | integer | color | url | integer | number | length | angle | time | frequency | em | ex | px | rem | vw | vh | vmin | vmax | mm | q | cm | in | pt | pc | deg | grad | rad | ms | s | Hz | kHz | %"
  664. },
  665. "type-selector": {
  666. "syntax": "<wq-name> | <ns-prefix>? '*'"
  667. },
  668. "var()": {
  669. "syntax": "var( <custom-property-name> [, <declaration-value> ]? )"
  670. },
  671. "viewport-length": {
  672. "syntax": "auto | <length-percentage>"
  673. },
  674. "wq-name": {
  675. "syntax": "<ns-prefix>? <ident-token>"
  676. }
  677. }