habaki 0.5.0 → 0.5.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0353296529b5859a3a87d39342fefb8b8a90989bda2f99a11f83044afe272454'
-  data.tar.gz: ccc7c4db5c2fcc817cf0915bf0824766c86712a1ec70fb104e2ab82c3a006341
+  metadata.gz: eb31379da24aff32519428d320bfd20e20445f009c8912cdbbf940822a64a35c
+  data.tar.gz: ea74632fd8cb95ac348fcfc95463b8aa2cb1ee452f224fdc0b5c4774d276d669
 SHA512:
-  metadata.gz: e2d38a0e7dc9ac35da58f6fcf287fb44a4589449401d38620f754e20a4987aa78263cd3c17feeab76c53453e21a8cedc665fd8316bba5de107ec64764d18bfb4
-  data.tar.gz: 19031074df7e070da55f4cc73576a337c849657e55a91c4df682f9086e8139f85c56c9967702330f4c7a99c89d85f5c836920c1f30ce67ecb6df8e41b77db789
+  metadata.gz: 116dbb8a23a4ec449e2544e9c9f63ce894b80d5e2c3dc5b3393fa6792baf3b616407817f0169cad20409e107942d90b699a79ce3dfa3a3f4e32d0bf4600877d4
+  data.tar.gz: 844e6cf9e458d98a7458688a3335d4ccecd6b23cd73b798b755b575feda5ba6f1b853ac2abdd5d1cf4145f6e75c41e2ddf69f1794543b32020169d2ae6d6859a

data/data/formal_syntax.yml

@@ -0,0 +1,1007 @@
+---
+"<absolute-size>": xx-small | x-small | small | medium | large | x-large | xx-large
+  | xxx-large
+"<alpha-value>": "<number> | <percentage>"
+"<angle-percentage>": "<angle> | <percentage>"
+"<angular-color-hint>": "<angle-percentage>"
+"<angular-color-stop>": "<color> && <color-stop-angle>?"
+"<angular-color-stop-list>": "[ <angular-color-stop> [, <angular-color-hint>]? ]#
+  , <angular-color-stop>"
+"<animateable-feature>": scroll-position | contents | <custom-ident>
+"<attachment>": scroll | fixed | local
+"<attr()>": attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )
+"<attr-matcher>": "[ '~' | '|' | '^' | '$' | '*' ]? '='"
+"<attr-modifier>": i | s
+"<attribute-selector>": "'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token>
+  | <ident-token> ] <attr-modifier>? ']'"
+"<auto-repeat>": repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+
+  <line-names>? )
+"<auto-track-list>": |-
+  [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>
+  [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?
+"<baseline-position>": "[ first | last ]? baseline"
+"<basic-shape>": "<inset()> | <circle()> | <ellipse()> | <polygon()> | <path()>"
+"<bg-image>": none | <image>
+"<bg-layer>": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment>
+  || <box> || <box>"
+"<bg-position>": "[ [ 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>? ] ] ]"
+"<bg-size>": "[ <length-percentage> | auto ]{1,2} | cover | contain"
+"<blur()>": blur( <length> )
+"<blend-mode>": normal | multiply | screen | overlay | darken | lighten | color-dodge
+  | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation
+  | color | luminosity
+"<box>": border-box | padding-box | content-box
+"<brightness()>": brightness( <number-percentage> )
+"<calc()>": calc( <calc-sum> )
+"<calc-sum>": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
+"<calc-product>": "<calc-value> [ '*' <calc-value> | '/' <number> ]*"
+"<calc-value>": "<number> | <dimension> | <percentage> | ( <calc-sum> )"
+"<cf-final-image>": "<image> | <color>"
+"<cf-mixing-image>": "<percentage>? && <image>"
+"<circle()>": circle( [ <shape-radius> ]? [ at <position> ]? )
+"<clamp()>": clamp( <calc-sum>#{3} )
+"<class-selector>": "'.' <ident-token>"
+"<clip-source>": "<url>"
+"<color>": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <hex-color> | <named-color>
+  | currentcolor | <deprecated-system-color>"
+"<color-stop>": "<color-stop-length> | <color-stop-angle>"
+"<color-stop-angle>": "<angle-percentage>{1,2}"
+"<color-stop-length>": "<length-percentage>{1,2}"
+"<color-stop-list>": "[ <linear-color-stop> [, <linear-color-hint>]? ]# , <linear-color-stop>"
+"<combinator>": "'>' | '+' | '~' | [ '||' ]"
+"<common-lig-values>": "[ common-ligatures | no-common-ligatures ]"
+"<compat-auto>": searchfield | textarea | push-button | slider-horizontal | checkbox
+  | radio | square-button | menulist | listbox | meter | progress-bar | button
+"<composite-style>": clear | copy | source-over | source-in | source-out | source-atop
+  | destination-over | destination-in | destination-out | destination-atop | xor
+"<compositing-operator>": add | subtract | intersect | exclude
+"<compound-selector>": "[ <type-selector>? <subclass-selector>* [ <pseudo-element-selector>
+  <pseudo-class-selector>* ]* ]!"
+"<compound-selector-list>": "<compound-selector>#"
+"<complex-selector>": "<compound-selector> [ <combinator>? <compound-selector> ]*"
+"<complex-selector-list>": "<complex-selector>#"
+"<conic-gradient()>": conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list>
+  )
+"<contextual-alt-values>": "[ contextual | no-contextual ]"
+"<content-distribution>": space-between | space-around | space-evenly | stretch
+"<content-list>": "[ <string> | contents | <image> | <counter> | <quote> | <target>
+  | <leader()> ]+"
+"<content-position>": center | start | end | flex-start | flex-end
+"<content-replacement>": "<image>"
+"<contrast()>": contrast( [ <number-percentage> ] )
+"<counter>": "<counter()> | <counters()>"
+"<counter()>": counter( <counter-name>, <counter-style>? )
+"<counter-name>": "<custom-ident>"
+"<counter-style>": "<counter-style-name> | symbols()"
+"<counter-style-name>": "<custom-ident>"
+"<counters()>": counters( <counter-name>, <string>, <counter-style>? )
+"<cross-fade()>": cross-fade( <cf-mixing-image> , <cf-final-image>? )
+"<cubic-bezier-timing-function>": ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number
+  [0,1]>, <number>, <number [0,1]>, <number>)
+"<deprecated-system-color>": 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
+"<discretionary-lig-values>": "[ discretionary-ligatures | no-discretionary-ligatures
+  ]"
+"<display-box>": contents | none
+"<display-inside>": flow | flow-root | table | flex | grid | ruby
+"<display-internal>": 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
+"<display-legacy>": inline-block | inline-list-item | inline-table | inline-flex |
+  inline-grid
+"<display-listitem>": "<display-outside>? && [ flow | flow-root ]? && list-item"
+"<display-outside>": block | inline | run-in
+"<drop-shadow()>": drop-shadow( <length>{2,3} <color>? )
+"<east-asian-variant-values>": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional
+  ]"
+"<east-asian-width-values>": "[ full-width | proportional-width ]"
+"<element()>": element( <id-selector> )
+"<ellipse()>": ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )
+"<ending-shape>": circle | ellipse
+"<env()>": env( <custom-ident> , <declaration-value>? )
+"<explicit-track-list>": "[ <line-names>? <track-size> ]+ <line-names>?"
+"<family-name>": "<string> | <custom-ident>+"
+"<feature-tag-value>": "<string> [ <integer> | on | off ]?"
+"<feature-type>": "@stylistic | @historical-forms | @styleset | @character-variant
+  | @swash | @ornaments | @annotation"
+"<feature-value-block>": "<feature-type> '{' <feature-value-declaration-list> '}'"
+"<feature-value-block-list>": "<feature-value-block>+"
+"<feature-value-declaration>": "<custom-ident>: <integer>+;"
+"<feature-value-declaration-list>": "<feature-value-declaration>"
+"<feature-value-name>": "<custom-ident>"
+"<fill-rule>": nonzero | evenodd
+"<filter-function>": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> |
+  <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <saturate()> | <sepia()>"
+"<filter-function-list>": "[ <filter-function> | <url> ]+"
+"<final-bg-layer>": "<'background-color'> || <bg-image> || <bg-position> [ / <bg-size>
+  ]? || <repeat-style> || <attachment> || <box> || <box>"
+"<fit-content()>": fit-content( [ <length> | <percentage> ] )
+"<fixed-breadth>": "<length-percentage>"
+"<fixed-repeat>": repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>?
+  )
+"<fixed-size>": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax(
+  <inflexible-breadth> , <fixed-breadth> )"
+"<font-stretch-absolute>": normal | ultra-condensed | extra-condensed | condensed
+  | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded |
+  <percentage>
+"<font-variant-css21>": "[ normal | small-caps ]"
+"<font-weight-absolute>": normal | bold | <number [1,1000]>
+"<frequency-percentage>": "<frequency> | <percentage>"
+"<general-enclosed>": "[ <function-token> <any-value> ) ] | ( <ident> <any-value>
+  )"
+"<generic-family>": serif | sans-serif | cursive | fantasy | monospace
+"<generic-name>": serif | sans-serif | cursive | fantasy | monospace
+"<geometry-box>": "<shape-box> | fill-box | stroke-box | view-box"
+"<gradient>": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()>
+  | <repeating-radial-gradient()> | <conic-gradient()>"
+"<grayscale()>": grayscale( <number-percentage> )
+"<grid-line>": auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span &&
+  [ <integer> || <custom-ident> ] ]
+"<historical-lig-values>": "[ historical-ligatures | no-historical-ligatures ]"
+"<hsl()>": hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>,
+  <percentage>, <percentage>, <alpha-value>? )
+"<hsla()>": hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>,
+  <percentage>, <percentage>, <alpha-value>? )
+"<hue>": "<number> | <angle>"
+"<hue-rotate()>": hue-rotate( <angle> )
+"<hwb()>": hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value>
+  | none] ]? )
+"<id-selector>": "<hash-token>"
+"<image>": "<url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()>
+  | <gradient>"
+"<image()>": image( <image-tags>? [ <image-src>? , <color>? ]! )
+"<image-set()>": image-set( <image-set-option># )
+"<image-set-option>": "[ <image> | <string> ] [ <resolution> || type(<string>) ]"
+"<image-src>": "<url> | <string>"
+"<image-tags>": ltr | rtl
+"<inflexible-breadth>": "<length> | <percentage> | min-content | max-content | auto"
+"<inset()>": inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )
+"<invert()>": invert( <number-percentage> )
+"<keyframes-name>": "<custom-ident> | <string>"
+"<keyframe-block>": |-
+  <keyframe-selector># {
+    <declaration-list>
+  }
+"<keyframe-block-list>": "<keyframe-block>+"
+"<keyframe-selector>": from | to | <percentage>
+"<layer()>": layer( <layer-name> )
+"<layer-name>": "<ident> [ '.' <ident> ]*"
+"<leader()>": leader( <leader-type> )
+"<leader-type>": dotted | solid | space | <string>
+"<length-percentage>": "<length> | <percentage>"
+"<line-names>": "'[' <custom-ident>* ']'"
+"<line-name-list>": "[ <line-names> | <name-repeat> ]+"
+"<line-style>": none | hidden | dotted | dashed | solid | double | groove | ridge
+  | inset | outset
+"<line-width>": "<length> | thin | medium | thick"
+"<linear-color-hint>": "<length-percentage>"
+"<linear-color-stop>": "<color> <color-stop-length>?"
+"<linear-gradient()>": linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list>
+  )
+"<mask-layer>": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style>
+  || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
+"<mask-position>": "[ <length-percentage> | left | center | right ] [ <length-percentage>
+  | top | center | bottom ]?"
+"<mask-reference>": none | <image> | <mask-source>
+"<mask-source>": "<url>"
+"<masking-mode>": alpha | luminance | match-source
+"<matrix()>": matrix( <number>#{6} )
+"<matrix3d()>": matrix3d( <number>#{16} )
+"<max()>": max( <calc-sum># )
+"<media-and>": "<media-in-parens> [ and <media-in-parens> ]+"
+"<media-condition>": "<media-not> | <media-and> | <media-or> | <media-in-parens>"
+"<media-condition-without-or>": "<media-not> | <media-and> | <media-in-parens>"
+"<media-feature>": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+"<media-in-parens>": "( <media-condition> ) | <media-feature> | <general-enclosed>"
+"<media-not>": not <media-in-parens>
+"<media-or>": "<media-in-parens> [ or <media-in-parens> ]+"
+"<media-query>": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or>
+  ]?"
+"<media-query-list>": "<media-query>#"
+"<media-type>": "<ident>"
+"<mf-boolean>": "<mf-name>"
+"<mf-name>": "<ident>"
+"<mf-plain>": "<mf-name> : <mf-value>"
+"<mf-range>": |-
+  <mf-name> [ '<' | '>' ]? '='? <mf-value>
+  | <mf-value> [ '<' | '>' ]? '='? <mf-name>
+  | <mf-value> '<' '='? <mf-name> '<' '='? <mf-value>
+  | <mf-value> '>' '='? <mf-name> '>' '='? <mf-value>
+"<mf-value>": "<number> | <dimension> | <ident> | <ratio>"
+"<min()>": min( <calc-sum># )
+"<minmax()>": minmax( [ <length> | <percentage> | min-content | max-content | auto
+  ] , [ <length> | <percentage> | <flex> | min-content | max-content | auto ] )
+"<name-repeat>": repeat( [ <integer [1,∞]> ] | auto-fill ], <line-names>+ )
+"<named-color>": 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
+"<namespace-prefix>": "<ident>"
+"<ns-prefix>": "[ <ident-token> | '*' ]? '|'"
+"<number-percentage>": "<number> | <percentage>"
+"<numeric-figure-values>": "[ lining-nums | oldstyle-nums ]"
+"<numeric-fraction-values>": "[ diagonal-fractions | stacked-fractions ]"
+"<numeric-spacing-values>": "[ proportional-nums | tabular-nums ]"
+"<nth>": "<an-plus-b> | even | odd"
+"<opacity()>": opacity( [ <number-percentage> ] )
+"<overflow-position>": unsafe | safe
+"<outline-radius>": "<length> | <percentage>"
+"<page-body>": "<declaration>? [ ; <page-body> ]? | <page-margin-box> <page-body>"
+"<page-margin-box>": "<page-margin-box-type> '{' <declaration-list> '}'"
+"<page-margin-box-type>": "@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"
+"<page-selector-list>": "[ <page-selector># ]?"
+"<page-selector>": "<pseudo-page>+ | <ident> <pseudo-page>*"
+"<page-size>": A5 | A4 | A3 | B5 | B4 | JIS-B5 | JIS-B4 | letter | legal | ledger
+"<path()>": path( [ <fill-rule>, ]? <string> )
+"<paint()>": paint( <ident>, <declaration-value>? )
+"<perspective()>": perspective( <length> )
+"<polygon()>": polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]#
+  )
+"<position>": "[ [ left | center | right ] || [ top | center | bottom ] | [ left |
+  center | right | <length-percentage> ] [ top | center | bottom | <length-percentage>
+  ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage>
+  ] ]"
+"<pseudo-class-selector>": "':' <ident-token> | ':' <function-token> <any-value> ')'"
+"<pseudo-element-selector>": "':' <pseudo-class-selector>"
+"<pseudo-page>": ": [ left | right | first | blank ]"
+"<quote>": open-quote | close-quote | no-open-quote | no-close-quote
+"<radial-gradient()>": radial-gradient( [ <ending-shape> || <size> ]? [ at <position>
+  ]? , <color-stop-list> )
+"<relative-selector>": "<combinator>? <complex-selector>"
+"<relative-selector-list>": "<relative-selector>#"
+"<relative-size>": larger | smaller
+"<repeat-style>": repeat-x | repeat-y | [ repeat | space | round | no-repeat ]{1,2}
+"<repeating-linear-gradient()>": repeating-linear-gradient( [ <angle> | to <side-or-corner>
+  ]? , <color-stop-list> )
+"<repeating-radial-gradient()>": repeating-radial-gradient( [ <ending-shape> || <size>
+  ]? [ at <position> ]? , <color-stop-list> )
+"<rgb()>": rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value>
+  ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>?
+  )
+"<rgba()>": rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value>
+  ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>?
+  )
+"<rotate()>": rotate( [ <angle> | <zero> ] )
+"<rotate3d()>": rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )
+"<rotateX()>": rotateX( [ <angle> | <zero> ] )
+"<rotateY()>": rotateY( [ <angle> | <zero> ] )
+"<rotateZ()>": rotateZ( [ <angle> | <zero> ] )
+"<saturate()>": saturate( <number-percentage> )
+"<scale()>": scale( <number> , <number>? )
+"<scale3d()>": scale3d( <number> , <number> , <number> )
+"<scaleX()>": scaleX( <number> )
+"<scaleY()>": scaleY( <number> )
+"<scaleZ()>": scaleZ( <number> )
+"<self-position>": center | start | end | self-start | self-end | flex-start | flex-end
+"<shape-radius>": "<length-percentage> | closest-side | farthest-side"
+"<skew()>": skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )
+"<skewX()>": skewX( [ <angle> | <zero> ] )
+"<skewY()>": skewY( [ <angle> | <zero> ] )
+"<sepia()>": sepia( <number-percentage> )
+"<shadow>": inset? && <length>{2,4} && <color>?
+"<shadow-t>": "[ <length>{2,3} && <color>? ]"
+"<shape>": rect(<top>, <right>, <bottom>, <left>)
+"<shape-box>": "<box> | margin-box"
+"<side-or-corner>": "[ left | right ] || [ top | bottom ]"
+"<single-animation>": "<time> || <easing-function> || <time> || <single-animation-iteration-count>
+  || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state>
+  || [ none | <keyframes-name> ]"
+"<single-animation-direction>": normal | reverse | alternate | alternate-reverse
+"<single-animation-fill-mode>": none | forwards | backwards | both
+"<single-animation-iteration-count>": infinite | <number>
+"<single-animation-play-state>": running | paused
+"<single-animation-timeline>": auto | none | <timeline-name>
+"<single-transition>": "[ none | <single-transition-property> ] || <time> || <easing-function>
+  || <time>"
+"<single-transition-property>": all | <custom-ident>
+"<size>": closest-side | farthest-side | closest-corner | farthest-corner | <length>
+  | <length-percentage>{2}
+"<step-position>": jump-start | jump-end | jump-none | jump-both | start | end
+"<step-timing-function>": step-start | step-end | steps(<integer>[, <step-position>]?)
+"<subclass-selector>": "<id-selector> | <class-selector> | <attribute-selector> |
+  <pseudo-class-selector>"
+"<supports-condition>": not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens>
+  ]* | <supports-in-parens> [ or <supports-in-parens> ]*
+"<supports-in-parens>": "( <supports-condition> ) | <supports-feature> | <general-enclosed>"
+"<supports-feature>": "<supports-decl> | <supports-selector-fn>"
+"<supports-decl>": "( <declaration> )"
+"<supports-selector-fn>": selector( <complex-selector> )
+"<symbol>": "<string> | <image> | <custom-ident>"
+"<target>": "<target-counter()> | <target-counters()> | <target-text()>"
+"<target-counter()>": target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>?
+  )
+"<target-counters()>": target-counters( [ <string> | <url> ] , <custom-ident> , <string>
+  , <counter-style>? )
+"<target-text()>": target-text( [ <string> | <url> ] , [ content | before | after
+  | first-letter ]? )
+"<time-percentage>": "<time> | <percentage>"
+"<timeline-name>": "<custom-ident> | <string>"
+"<easing-function>": linear | <cubic-bezier-timing-function> | <step-timing-function>
+"<track-breadth>": "<length-percentage> | <flex> | min-content | max-content | auto"
+"<track-list>": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?"
+"<track-repeat>": repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>?
+  )
+"<track-size>": "<track-breadth> | minmax( <inflexible-breadth> , <track-breadth>
+  ) | fit-content( [ <length> | <percentage> ] )"
+"<transform-function>": "<matrix()> | <translate()> | <translateX()> | <translateY()>
+  | <scale()> | <scaleX()> | <scaleY()> | <rotate()> | <skew()> | <skewX()> | <skewY()>
+  | <matrix3d()> | <translate3d()> | <translateZ()> | <scale3d()> | <scaleZ()> | <rotate3d()>
+  | <rotateX()> | <rotateY()> | <rotateZ()> | <perspective()>"
+"<transform-list>": "<transform-function>+"
+"<translate()>": translate( <length-percentage> , <length-percentage>? )
+"<translate3d()>": translate3d( <length-percentage> , <length-percentage> , <length>
+  )
+"<translateX()>": translateX( <length-percentage> )
+"<translateY()>": translateY( <length-percentage> )
+"<translateZ()>": translateZ( <length> )
+"<type-or-unit>": string | color | url | integer | number | length | angle | time
+  | frequency | cap | ch | em | ex | ic | lh | rlh | rem | vb | vi | vw | vh | vmin
+  | vmax | mm | Q | cm | in | pt | pc | px | deg | grad | rad | turn | ms | s | Hz
+  | kHz | %
+"<type-selector>": "<wq-name> | <ns-prefix>? '*'"
+"<var()>": var( <custom-property-name> , <declaration-value>? )
+"<viewport-length>": auto | <length-percentage>
+"<visual-box>": content-box | padding-box | border-box
+"<wq-name>": "<ns-prefix>? <ident-token>"
+
+"--*": "<declaration-value>"
+"-ms-accelerator": false | true
+"-ms-block-progression": tb | rl | bt | lr
+"-ms-content-zoom-chaining": none | chained
+"-ms-content-zooming": none | zoom
+"-ms-content-zoom-limit": "<'-ms-content-zoom-limit-min'> <'-ms-content-zoom-limit-max'>"
+"-ms-content-zoom-limit-max": "<percentage>"
+"-ms-content-zoom-limit-min": "<percentage>"
+"-ms-content-zoom-snap": "<'-ms-content-zoom-snap-type'> || <'-ms-content-zoom-snap-points'>"
+"-ms-content-zoom-snap-points": snapInterval( <percentage>, <percentage> ) | snapList(
+  <percentage># )
+"-ms-content-zoom-snap-type": none | proximity | mandatory
+"-ms-filter": "<string>"
+"-ms-flow-from": "[ none | <custom-ident> ]#"
+"-ms-flow-into": "[ none | <custom-ident> ]#"
+"-ms-grid-columns": none | <track-list> | <auto-track-list>
+"-ms-grid-rows": none | <track-list> | <auto-track-list>
+"-ms-high-contrast-adjust": auto | none
+"-ms-hyphenate-limit-chars": auto | <integer>{1,3}
+"-ms-hyphenate-limit-lines": no-limit | <integer>
+"-ms-hyphenate-limit-zone": "<percentage> | <length>"
+"-ms-ime-align": auto | after
+"-ms-overflow-style": auto | none | scrollbar | -ms-autohiding-scrollbar
+"-ms-scrollbar-3dlight-color": "<color>"
+"-ms-scrollbar-arrow-color": "<color>"
+"-ms-scrollbar-base-color": "<color>"
+"-ms-scrollbar-darkshadow-color": "<color>"
+"-ms-scrollbar-face-color": "<color>"
+"-ms-scrollbar-highlight-color": "<color>"
+"-ms-scrollbar-shadow-color": "<color>"
+"-ms-scrollbar-track-color": "<color>"
+"-ms-scroll-chaining": chained | none
+"-ms-scroll-limit": "<'-ms-scroll-limit-x-min'> <'-ms-scroll-limit-y-min'> <'-ms-scroll-limit-x-max'>
+  <'-ms-scroll-limit-y-max'>"
+"-ms-scroll-limit-x-max": auto | <length>
+"-ms-scroll-limit-x-min": "<length>"
+"-ms-scroll-limit-y-max": auto | <length>
+"-ms-scroll-limit-y-min": "<length>"
+"-ms-scroll-rails": none | railed
+"-ms-scroll-snap-points-x": snapInterval( <length-percentage>, <length-percentage>
+  ) | snapList( <length-percentage># )
+"-ms-scroll-snap-points-y": snapInterval( <length-percentage>, <length-percentage>
+  ) | snapList( <length-percentage># )
+"-ms-scroll-snap-type": none | proximity | mandatory
+"-ms-scroll-snap-x": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-x'>"
+"-ms-scroll-snap-y": "<'-ms-scroll-snap-type'> <'-ms-scroll-snap-points-y'>"
+"-ms-scroll-translation": none | vertical-to-horizontal
+"-ms-text-autospace": none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis
+  | ideograph-space
+"-ms-touch-select": grippers | none
+"-ms-user-select": none | element | text
+"-ms-wrap-flow": auto | both | start | end | maximum | clear
+"-ms-wrap-margin": "<length>"
+"-ms-wrap-through": wrap | none
+"-moz-appearance": none | button | button-arrow-down | button-arrow-next | button-arrow-previous
+  | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container
+  | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem |
+  menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist
+  | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio |
+  menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk
+  | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem
+  | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend
+  | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical
+  | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right
+  | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal
+  | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton
+  | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel |
+  tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward |
+  textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown
+  | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow
+  | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar
+  | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext
+  | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext
+  | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized
+  | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize
+  | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left
+  | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized
+"-moz-binding": "<url> | none"
+"-moz-border-bottom-colors": "<color>+ | none"
+"-moz-border-left-colors": "<color>+ | none"
+"-moz-border-right-colors": "<color>+ | none"
+"-moz-border-top-colors": "<color>+ | none"
+"-moz-context-properties": none | [ fill | fill-opacity | stroke | stroke-opacity
+  ]#
+"-moz-float-edge": border-box | content-box | margin-box | padding-box
+"-moz-force-broken-image-icon": 0 | 1
+"-moz-image-region": "<shape> | auto"
+"-moz-orient": inline | block | horizontal | vertical
+"-moz-outline-radius": "<outline-radius>{1,4} [ / <outline-radius>{1,4} ]?"
+"-moz-outline-radius-bottomleft": "<outline-radius>"
+"-moz-outline-radius-bottomright": "<outline-radius>"
+"-moz-outline-radius-topleft": "<outline-radius>"
+"-moz-outline-radius-topright": "<outline-radius>"
+"-moz-stack-sizing": ignore | stretch-to-fit
+"-moz-text-blink": none | blink
+"-moz-user-focus": ignore | normal | select-after | select-before | select-menu |
+  select-same | select-all | none
+"-moz-user-input": auto | none | enabled | disabled
+"-moz-user-modify": read-only | read-write | write-only
+"-moz-window-dragging": drag | no-drag
+"-moz-window-shadow": default | menu | tooltip | sheet | none
+"-webkit-appearance": none | button | button-bevel | caret | checkbox | default-button
+  | inner-spin-button | listbox | listitem | media-controls-background | media-controls-fullscreen-background
+  | media-current-time-display | media-enter-fullscreen-button | media-exit-fullscreen-button
+  | media-fullscreen-button | media-mute-button | media-overlay-play-button | media-play-button
+  | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb
+  | media-time-remaining-display | media-toggle-closed-captions-button | media-volume-slider
+  | media-volume-slider-container | media-volume-sliderthumb | menulist | menulist-button
+  | menulist-text | menulist-textfield | meter | progress-bar | progress-bar-value
+  | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration
+  | searchfield-results-button | searchfield-results-decoration | slider-horizontal
+  | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button
+  | textarea | textfield | -apple-pay-button
+"-webkit-border-before": "<'border-width'> || <'border-style'> || <color>"
+"-webkit-border-before-color": "<color>"
+"-webkit-border-before-style": "<'border-style'>"
+"-webkit-border-before-width": "<'border-width'>"
+"-webkit-box-reflect": "[ above | below | right | left ]? <length>? <image>?"
+"-webkit-line-clamp": none | <integer>
+"-webkit-mask": "[ <mask-reference> || <position> [ / <bg-size> ]? || <repeat-style>
+  || [ <box> | border | padding | content | text ] || [ <box> | border | padding |
+  content ] ]#"
+"-webkit-mask-attachment": "<attachment>#"
+"-webkit-mask-clip": "[ <box> | border | padding | content | text ]#"
+"-webkit-mask-composite": "<composite-style>#"
+"-webkit-mask-image": "<mask-reference>#"
+"-webkit-mask-origin": "[ <box> | border | padding | content ]#"
+"-webkit-mask-position": "<position>#"
+"-webkit-mask-position-x": "[ <length-percentage> | left | center | right ]#"
+"-webkit-mask-position-y": "[ <length-percentage> | top | center | bottom ]#"
+"-webkit-mask-repeat": "<repeat-style>#"
+"-webkit-mask-repeat-x": repeat | no-repeat | space | round
+"-webkit-mask-repeat-y": repeat | no-repeat | space | round
+"-webkit-mask-size": "<bg-size>#"
+"-webkit-overflow-scrolling": auto | touch
+"-webkit-tap-highlight-color": "<color>"
+"-webkit-text-fill-color": "<color>"
+"-webkit-text-stroke": "<length> || <color>"
+"-webkit-text-stroke-color": "<color>"
+"-webkit-text-stroke-width": "<length>"
+"-webkit-touch-callout": default | none
+"-webkit-user-modify": read-only | read-write | read-write-plaintext-only
+accent-color: auto | <color>
+align-content: normal | <baseline-position> | <content-distribution> | <overflow-position>?
+  <content-position>
+align-items: normal | stretch | <baseline-position> | [ <overflow-position>? <self-position>
+  ]
+align-self: auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>
+align-tracks: "[ normal | <baseline-position> | <content-distribution> | <overflow-position>?
+  <content-position> ]#"
+all: initial | inherit | unset | revert
+animation: "<single-animation>#"
+animation-delay: "<time>#"
+animation-direction: "<single-animation-direction>#"
+animation-duration: "<time>#"
+animation-fill-mode: "<single-animation-fill-mode>#"
+animation-iteration-count: "<single-animation-iteration-count>#"
+animation-name: "[ none | <keyframes-name> ]#"
+animation-play-state: "<single-animation-play-state>#"
+animation-timing-function: "<easing-function>#"
+animation-timeline: "<single-animation-timeline>#"
+appearance: none | auto | textfield | menulist-button | <compat-auto>
+aspect-ratio: auto | <ratio>
+azimuth: "<angle> | [ [ left-side | far-left | left | center-left | center | center-right
+  | right | far-right | right-side ] || behind ] | leftwards | rightwards"
+backdrop-filter: none | <filter-function-list>
+backface-visibility: visible | hidden
+background: "[ <bg-layer> , ]* <final-bg-layer>"
+background-attachment: "<attachment>#"
+background-blend-mode: "<blend-mode>#"
+background-clip: "<box>#"
+background-color: "<color>"
+background-image: "<bg-image>#"
+background-origin: "<box>#"
+background-position: "<bg-position>#"
+background-position-x: "[ center | [ [ left | right | x-start | x-end ]? <length-percentage>?
+  ]! ]#"
+background-position-y: "[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>?
+  ]! ]#"
+background-repeat: "<repeat-style>#"
+background-size: "<bg-size>#"
+block-overflow: clip | ellipsis | <string>
+block-size: "<'width'>"
+border: "<line-width> || <line-style> || <color>"
+border-block: "<'border-top-width'> || <'border-top-style'> || <color>"
+border-block-color: "<'border-top-color'>{1,2}"
+border-block-style: "<'border-top-style'>"
+border-block-width: "<'border-top-width'>"
+border-block-end: "<'border-top-width'> || <'border-top-style'> || <color>"
+border-block-end-color: "<'border-top-color'>"
+border-block-end-style: "<'border-top-style'>"
+border-block-end-width: "<'border-top-width'>"
+border-block-start: "<'border-top-width'> || <'border-top-style'> || <color>"
+border-block-start-color: "<'border-top-color'>"
+border-block-start-style: "<'border-top-style'>"
+border-block-start-width: "<'border-top-width'>"
+border-bottom: "<line-width> || <line-style> || <color>"
+border-bottom-color: "<'border-top-color'>"
+border-bottom-left-radius: "<length-percentage>{1,2}"
+border-bottom-right-radius: "<length-percentage>{1,2}"
+border-bottom-style: "<line-style>"
+border-bottom-width: "<line-width>"
+border-collapse: collapse | separate
+border-color: "<color>{1,4}"
+border-end-end-radius: "<length-percentage>{1,2}"
+border-end-start-radius: "<length-percentage>{1,2}"
+border-image: "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'>
+  | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"
+border-image-outset: "[ <length> | <number> ]{1,4}"
+border-image-repeat: "[ stretch | repeat | round | space ]{1,2}"
+border-image-slice: "<number-percentage>{1,4} && fill?"
+border-image-source: none | <image>
+border-image-width: "[ <length-percentage> | <number> | auto ]{1,4}"
+border-inline: "<'border-top-width'> || <'border-top-style'> || <color>"
+border-inline-end: "<'border-top-width'> || <'border-top-style'> || <color>"
+border-inline-color: "<'border-top-color'>{1,2}"
+border-inline-style: "<'border-top-style'>"
+border-inline-width: "<'border-top-width'>"
+border-inline-end-color: "<'border-top-color'>"
+border-inline-end-style: "<'border-top-style'>"
+border-inline-end-width: "<'border-top-width'>"
+border-inline-start: "<'border-top-width'> || <'border-top-style'> || <color>"
+border-inline-start-color: "<'border-top-color'>"
+border-inline-start-style: "<'border-top-style'>"
+border-inline-start-width: "<'border-top-width'>"
+border-left: "<line-width> || <line-style> || <color>"
+border-left-color: "<color>"
+border-left-style: "<line-style>"
+border-left-width: "<line-width>"
+border-radius: "<length-percentage>{1,4} [ / <length-percentage>{1,4} ]?"
+border-right: "<line-width> || <line-style> || <color>"
+border-right-color: "<color>"
+border-right-style: "<line-style>"
+border-right-width: "<line-width>"
+border-spacing: "<length> <length>?"
+border-start-end-radius: "<length-percentage>{1,2}"
+border-start-start-radius: "<length-percentage>{1,2}"
+border-style: "<line-style>{1,4}"
+border-top: "<line-width> || <line-style> || <color>"
+border-top-color: "<color>"
+border-top-left-radius: "<length-percentage>{1,2}"
+border-top-right-radius: "<length-percentage>{1,2}"
+border-top-style: "<line-style>"
+border-top-width: "<line-width>"
+border-width: "<line-width>{1,4}"
+bottom: "<length> | <percentage> | auto"
+box-align: start | center | end | baseline | stretch
+box-decoration-break: slice | clone
+box-direction: normal | reverse | inherit
+box-flex: "<number>"
+box-flex-group: "<integer>"
+box-lines: single | multiple
+box-ordinal-group: "<integer>"
+box-orient: horizontal | vertical | inline-axis | block-axis | inherit
+box-pack: start | center | end | justify
+box-shadow: none | <shadow>#
+box-sizing: content-box | border-box
+break-after: auto | avoid | always | all | avoid-page | page | left | right | recto
+  | verso | avoid-column | column | avoid-region | region
+break-before: auto | avoid | always | all | avoid-page | page | left | right | recto
+  | verso | avoid-column | column | avoid-region | region
+break-inside: auto | avoid | avoid-page | avoid-column | avoid-region
+caption-side: top | bottom | block-start | block-end | inline-start | inline-end
+caret-color: auto | <color>
+clear: none | left | right | both | inline-start | inline-end
+clip: "<shape> | auto"
+clip-path: "<clip-source> | [ <basic-shape> || <geometry-box> ] | none"
+color: "<color>"
+print-color-adjust: economy | exact
+color-scheme: normal | [ light | dark | <custom-ident> ]+ && only?
+column-count: "<integer> | auto"
+column-fill: auto | balance | balance-all
+column-gap: normal | <length-percentage>
+column-rule: "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>"
+column-rule-color: "<color>"
+column-rule-style: "<'border-style'>"
+column-rule-width: "<'border-width'>"
+column-span: none | all
+column-width: "<length> | auto"
+columns: "<'column-width'> || <'column-count'>"
+contain: none | strict | content | [ size || layout || style || paint ]
+content: normal | none | [ <content-replacement> | <content-list> ] [/ [ <string>
+  | <counter> ]+ ]?
+content-visibility: visible | auto | hidden
+counter-increment: "[ <counter-name> <integer>? ]+ | none"
+counter-reset: "[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+
+  | none"
+counter-set: "[ <counter-name> <integer>? ]+ | none"
+cursor: "[ [ <url> [ <x> <y> ]? , ]* [ auto | default | none | context-menu | help
+  | pointer | progress | wait | cell | crosshair | text | vertical-text | alias |
+  copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize
+  | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize
+  | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab
+  | grabbing ] ]"
+direction: ltr | rtl
+display: "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal>
+  | <display-box> | <display-legacy>"
+empty-cells: show | hide
+filter: none | <filter-function-list>
+flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
+flex-basis: content | <'width'>
+flex-direction: row | row-reverse | column | column-reverse
+flex-flow: "<'flex-direction'> || <'flex-wrap'>"
+flex-grow: "<number>"
+flex-shrink: "<number>"
+flex-wrap: nowrap | wrap | wrap-reverse
+float: left | right | none | inline-start | inline-end
+font: "[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'>
+  ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu
+  | message-box | small-caption | status-bar"
+font-family: "[ <family-name> | <generic-family> ]#"
+font-feature-settings: normal | <feature-tag-value>#
+font-kerning: auto | normal | none
+font-language-override: normal | <string>
+font-optical-sizing: auto | none
+font-variation-settings: normal | [ <string> <number> ]#
+font-size: "<absolute-size> | <relative-size> | <length-percentage>"
+font-size-adjust: none | [ ex-height | cap-height | ch-width | ic-width | ic-height
+  ]? [ from-font | <number> ]
+font-smooth: auto | never | always | <absolute-size> | <length>
+font-stretch: "<font-stretch-absolute>"
+font-style: normal | italic | oblique <angle>?
+font-synthesis: none | [ weight || style || small-caps ]
+font-variant: normal | none | [ <common-lig-values> || <discretionary-lig-values>
+  || <historical-lig-values> || <contextual-alt-values> || stylistic( <feature-value-name>
+  ) || historical-forms || styleset( <feature-value-name># ) || character-variant(
+  <feature-value-name># ) || swash( <feature-value-name> ) || ornaments( <feature-value-name>
+  ) || annotation( <feature-value-name> ) || [ small-caps | all-small-caps | petite-caps
+  | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values>
+  || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values>
+  || <east-asian-width-values> || ruby ]
+font-variant-alternates: normal | [ stylistic( <feature-value-name> ) || historical-forms
+  || styleset( <feature-value-name># ) || character-variant( <feature-value-name>#
+  ) || swash( <feature-value-name> ) || ornaments( <feature-value-name> ) || annotation(
+  <feature-value-name> ) ]
+font-variant-caps: normal | small-caps | all-small-caps | petite-caps | all-petite-caps
+  | unicase | titling-caps
+font-variant-east-asian: normal | [ <east-asian-variant-values> || <east-asian-width-values>
+  || ruby ]
+font-variant-ligatures: normal | none | [ <common-lig-values> || <discretionary-lig-values>
+  || <historical-lig-values> || <contextual-alt-values> ]
+font-variant-numeric: normal | [ <numeric-figure-values> || <numeric-spacing-values>
+  || <numeric-fraction-values> || ordinal || slashed-zero ]
+font-variant-position: normal | sub | super
+font-weight: "<font-weight-absolute> | bolder | lighter"
+forced-color-adjust: auto | none
+gap: "<'row-gap'> <'column-gap'>?"
+grid: "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>?
+  | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>"
+grid-area: "<grid-line> [ / <grid-line> ]{0,3}"
+grid-auto-columns: "<track-size>+"
+grid-auto-flow: "[ row | column ] || dense"
+grid-auto-rows: "<track-size>+"
+grid-column: "<grid-line> [ / <grid-line> ]?"
+grid-column-end: "<grid-line>"
+grid-column-gap: "<length-percentage>"
+grid-column-start: "<grid-line>"
+grid-gap: "<'grid-row-gap'> <'grid-column-gap'>?"
+grid-row: "<grid-line> [ / <grid-line> ]?"
+grid-row-end: "<grid-line>"
+grid-row-gap: "<length-percentage>"
+grid-row-start: "<grid-line>"
+grid-template: none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>?
+  <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
+grid-template-areas: none | <string>+
+grid-template-columns: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
+grid-template-rows: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
+hanging-punctuation: none | [ first || [ force-end | allow-end ] || last ]
+height: auto | <length> | <percentage> | min-content | max-content | fit-content |
+  fit-content(<length-percentage>)
+hyphenate-character: auto | <string>
+hyphens: none | manual | auto
+image-orientation: from-image | <angle> | [ <angle>? flip ]
+image-rendering: auto | crisp-edges | pixelated
+image-resolution: "[ from-image || <resolution> ] && snap?"
+ime-mode: auto | normal | active | inactive | disabled
+initial-letter: normal | [ <number> <integer>? ]
+initial-letter-align: "[ auto | alphabetic | hanging | ideographic ]"
+inline-size: "<'width'>"
+input-security: auto | none
+inset: "<'top'>{1,4}"
+inset-block: "<'top'>{1,2}"
+inset-block-end: "<'top'>"
+inset-block-start: "<'top'>"
+inset-inline: "<'top'>{1,2}"
+inset-inline-end: "<'top'>"
+inset-inline-start: "<'top'>"
+isolation: auto | isolate
+justify-content: normal | <content-distribution> | <overflow-position>? [ <content-position>
+  | left | right ]
+justify-items: normal | stretch | <baseline-position> | <overflow-position>? [ <self-position>
+  | left | right ] | legacy | legacy && [ left | right | center ]
+justify-self: auto | normal | stretch | <baseline-position> | <overflow-position>?
+  [ <self-position> | left | right ]
+justify-tracks: "[ normal | <content-distribution> | <overflow-position>? [ <content-position>
+  | left | right ] ]#"
+left: "<length> | <percentage> | auto"
+letter-spacing: normal | <length>
+line-break: auto | loose | normal | strict | anywhere
+line-clamp: none | <integer>
+line-height: normal | <number> | <length> | <percentage>
+line-height-step: "<length>"
+list-style: "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>"
+list-style-image: "<image> | none"
+list-style-position: inside | outside
+list-style-type: "<counter-style> | <string> | none"
+margin: "[ <length> | <percentage> | auto ]{1,4}"
+margin-block: "<'margin-left'>{1,2}"
+margin-block-end: "<'margin-left'>"
+margin-block-start: "<'margin-left'>"
+margin-bottom: "<length> | <percentage> | auto"
+margin-inline: "<'margin-left'>{1,2}"
+margin-inline-end: "<'margin-left'>"
+margin-inline-start: "<'margin-left'>"
+margin-left: "<length> | <percentage> | auto"
+margin-right: "<length> | <percentage> | auto"
+margin-top: "<length> | <percentage> | auto"
+margin-trim: none | in-flow | all
+mask: "<mask-layer>#"
+mask-border: "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>?
+  [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
+mask-border-mode: luminance | alpha
+mask-border-outset: "[ <length> | <number> ]{1,4}"
+mask-border-repeat: "[ stretch | repeat | round | space ]{1,2}"
+mask-border-slice: "<number-percentage>{1,4} fill?"
+mask-border-source: none | <image>
+mask-border-width: "[ <length-percentage> | <number> | auto ]{1,4}"
+mask-clip: "[ <geometry-box> | no-clip ]#"
+mask-composite: "<compositing-operator>#"
+mask-image: "<mask-reference>#"
+mask-mode: "<masking-mode>#"
+mask-origin: "<geometry-box>#"
+mask-position: "<position>#"
+mask-repeat: "<repeat-style>#"
+mask-size: "<bg-size>#"
+mask-type: luminance | alpha
+masonry-auto-flow: "[ pack | next ] || [ definite-first | ordered ]"
+math-style: normal | compact
+max-block-size: "<'max-width'>"
+max-height: none | <length-percentage> | min-content | max-content | fit-content |
+  fit-content(<length-percentage>)
+max-inline-size: "<'max-width'>"
+max-lines: none | <integer>
+max-width: none | <length-percentage> | min-content | max-content | fit-content |
+  fit-content(<length-percentage>)
+min-block-size: "<'min-width'>"
+min-height: auto | <length> | <percentage> | min-content | max-content | fit-content
+  | fit-content(<length-percentage>)
+min-inline-size: "<'min-width'>"
+min-width: auto | <length> | <percentage> | min-content | max-content | fit-content
+  | fit-content(<length-percentage>)
+mix-blend-mode: "<blend-mode>"
+object-fit: fill | contain | cover | none | scale-down
+object-position: "<position>"
+offset: "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'>
+  ]? ]? ]! [ / <'offset-anchor'> ]?"
+offset-anchor: auto | <position>
+offset-distance: "<length-percentage>"
+offset-path: none | ray( [ <angle> && <size> && contain? ] ) | <path()> | <url> |
+  [ <basic-shape> || <geometry-box> ]
+offset-position: auto | <position>
+offset-rotate: "[ auto | reverse ] || <angle>"
+opacity: "<alpha-value>"
+order: "<integer>"
+orphans: "<integer>"
+outline: "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]"
+outline-color: "<color> | invert"
+outline-offset: "<length>"
+outline-style: auto | <'border-style'>
+outline-width: "<line-width>"
+overflow: "[ visible | hidden | clip | scroll | auto ]{1,2}"
+overflow-anchor: auto | none
+overflow-block: visible | hidden | clip | scroll | auto
+overflow-clip-box: padding-box | content-box
+overflow-clip-margin: "<visual-box> || <length [0,∞]>"
+overflow-inline: visible | hidden | clip | scroll | auto
+overflow-wrap: normal | break-word | anywhere
+overflow-x: visible | hidden | clip | scroll | auto
+overflow-y: visible | hidden | clip | scroll | auto
+overscroll-behavior: "[ contain | none | auto ]{1,2}"
+overscroll-behavior-block: contain | none | auto
+overscroll-behavior-inline: contain | none | auto
+overscroll-behavior-x: contain | none | auto
+overscroll-behavior-y: contain | none | auto
+padding: "[ <length> | <percentage> ]{1,4}"
+padding-block: "<'padding-left'>{1,2}"
+padding-block-end: "<'padding-left'>"
+padding-block-start: "<'padding-left'>"
+padding-bottom: "<length> | <percentage>"
+padding-inline: "<'padding-left'>{1,2}"
+padding-inline-end: "<'padding-left'>"
+padding-inline-start: "<'padding-left'>"
+padding-left: "<length> | <percentage>"
+padding-right: "<length> | <percentage>"
+padding-top: "<length> | <percentage>"
+page-break-after: auto | always | avoid | left | right | recto | verso
+page-break-before: auto | always | avoid | left | right | recto | verso
+page-break-inside: auto | avoid
+paint-order: normal | [ fill || stroke || markers ]
+perspective: none | <length>
+perspective-origin: "<position>"
+place-content: "<'align-content'> <'justify-content'>?"
+place-items: "<'align-items'> <'justify-items'>?"
+place-self: "<'align-self'> <'justify-self'>?"
+pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible
+  | painted | fill | stroke | all | inherit
+position: static | relative | absolute | sticky | fixed
+quotes: none | auto | [ <string> <string> ]+
+resize: none | both | horizontal | vertical | block | inline
+right: "<length> | <percentage> | auto"
+rotate: none | <angle> | [ x | y | z | <number>{3} ] && <angle>
+row-gap: normal | <length-percentage>
+ruby-align: start | center | space-between | space-around
+ruby-merge: separate | collapse | auto
+ruby-position: "[ alternate || [ over | under ] ] | inter-character"
+scale: none | <number>{1,3}
+scrollbar-color: auto | <color>{2}
+scrollbar-gutter: auto | stable && both-edges?
+scrollbar-width: auto | thin | none
+scroll-behavior: auto | smooth
+scroll-margin: "<length>{1,4}"
+scroll-margin-block: "<length>{1,2}"
+scroll-margin-block-start: "<length>"
+scroll-margin-block-end: "<length>"
+scroll-margin-bottom: "<length>"
+scroll-margin-inline: "<length>{1,2}"
+scroll-margin-inline-start: "<length>"
+scroll-margin-inline-end: "<length>"
+scroll-margin-left: "<length>"
+scroll-margin-right: "<length>"
+scroll-margin-top: "<length>"
+scroll-padding: "[ auto | <length-percentage> ]{1,4}"
+scroll-padding-block: "[ auto | <length-percentage> ]{1,2}"
+scroll-padding-block-start: auto | <length-percentage>
+scroll-padding-block-end: auto | <length-percentage>
+scroll-padding-bottom: auto | <length-percentage>
+scroll-padding-inline: "[ auto | <length-percentage> ]{1,2}"
+scroll-padding-inline-start: auto | <length-percentage>
+scroll-padding-inline-end: auto | <length-percentage>
+scroll-padding-left: auto | <length-percentage>
+scroll-padding-right: auto | <length-percentage>
+scroll-padding-top: auto | <length-percentage>
+scroll-snap-align: "[ none | start | end | center ]{1,2}"
+scroll-snap-coordinate: none | <position>#
+scroll-snap-destination: "<position>"
+scroll-snap-points-x: none | repeat( <length-percentage> )
+scroll-snap-points-y: none | repeat( <length-percentage> )
+scroll-snap-stop: normal | always
+scroll-snap-type: none | [ x | y | block | inline | both ] [ mandatory | proximity
+  ]?
+scroll-snap-type-x: none | mandatory | proximity
+scroll-snap-type-y: none | mandatory | proximity
+shape-image-threshold: "<alpha-value>"
+shape-margin: "<length-percentage>"
+shape-outside: none | [ <shape-box> || <basic-shape> ] | <image>
+tab-size: "<integer> | <length>"
+table-layout: auto | fixed
+text-align: start | end | left | right | center | justify | match-parent
+text-align-last: auto | start | end | left | right | center | justify
+text-combine-upright: none | all | [ digits <integer>? ]
+text-decoration: "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>
+  || <'text-decoration-thickness'>"
+text-decoration-color: "<color>"
+text-decoration-line: none | [ underline || overline || line-through || blink ] |
+  spelling-error | grammar-error
+text-decoration-skip: none | [ objects || [ spaces | [ leading-spaces || trailing-spaces
+  ] ] || edges || box-decoration ]
+text-decoration-skip-ink: auto | all | none
+text-decoration-style: solid | double | dotted | dashed | wavy
+text-decoration-thickness: 'auto | from-font | <length> | <percentage> '
+text-emphasis: "<'text-emphasis-style'> || <'text-emphasis-color'>"
+text-emphasis-color: "<color>"
+text-emphasis-position: "[ over | under ] && [ right | left ]"
+text-emphasis-style: none | [ [ filled | open ] || [ dot | circle | double-circle
+  | triangle | sesame ] ] | <string>
+text-indent: "<length-percentage> && hanging? && each-line?"
+text-justify: auto | inter-character | inter-word | none
+text-orientation: mixed | upright | sideways
+text-overflow: "[ clip | ellipsis | <string> ]{1,2}"
+text-rendering: auto | optimizeSpeed | optimizeLegibility | geometricPrecision
+text-shadow: none | <shadow-t>#
+text-size-adjust: none | auto | <percentage>
+text-transform: none | capitalize | uppercase | lowercase | full-width | full-size-kana
+text-underline-offset: 'auto | <length> | <percentage> '
+text-underline-position: auto | from-font | [ under || [ left | right ] ]
+top: "<length> | <percentage> | auto"
+touch-action: auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up
+  | pan-down ] || pinch-zoom ] | manipulation
+transform: none | <transform-list>
+transform-box: content-box | border-box | fill-box | stroke-box | view-box
+transform-origin: "[ <length-percentage> | left | center | right | top | bottom ]
+  | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top
+  | center | bottom ] ] <length>?"
+transform-style: flat | preserve-3d
+transition: "<single-transition>#"
+transition-delay: "<time>#"
+transition-duration: "<time>#"
+transition-property: none | <single-transition-property>#
+transition-timing-function: "<easing-function>#"
+translate: none | <length-percentage> [ <length-percentage> <length>? ]?
+unicode-bidi: normal | embed | isolate | bidi-override | isolate-override | plaintext
+user-select: auto | text | none | contain | all
+vertical-align: baseline | sub | super | text-top | text-bottom | middle | top | bottom
+  | <percentage> | <length>
+visibility: visible | hidden | collapse
+white-space: normal | pre | nowrap | pre-wrap | pre-line | break-spaces
+widows: "<integer>"
+width: auto | <length> | <percentage> | min-content | max-content | fit-content |
+  fit-content(<length-percentage>)
+will-change: auto | <animateable-feature>#
+word-break: normal | break-all | keep-all | break-word
+word-spacing: normal | <length>
+word-wrap: normal | break-word
+writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
+z-index: auto | <integer>
+zoom: normal | reset | <number> | <percentage>
+
+src: "[ <url> [ format( <string># ) ]? | local( <family-name> ) ]#"
+-epub-hyphens: "none | manual | auto"
+-epub-line-break: "auto | loose | normal | strict"
+-epub-text-align-last: "auto | start | end | left | right | center | justify"
+-epub-word-break: "normal | keep-all | break-all"
+
+--shorthand-background: "<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'> [ / <'background-size'>]?"
+--shorthand-font: "[[<'font-style'> || <'font-variant'> || <'font-weight'>]? <'font-size'> [ / <'line-height'>]? <'font-family'>] | caption | icon | menu | message-box | small-caption | status-bar"
+--shorthand-list-style: "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>"
+--shorthand-border: "<'border-width'> || <'border-style'> || <'border-color'>"
+--shorthand-border-top: "<'border-width'> || <'border-style'> || <'border-color'>"
+--shorthand-border-bottom: "<'border-width'> || <'border-style'> || <'border-color'>"
+--shorthand-border-left: "<'border-width'> || <'border-style'> || <'border-color'>"
+--shorthand-border-right: "<'border-width'> || <'border-style'> || <'border-color'>"
+--shorthand-border-width: "<'border-width'>"
+--shorthand-border-style: "<'border-style'>"
+--shorthand-border-color: "<'border-color'>"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: habaki
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 0.5.1
 platform: ruby
 authors:
 - Julien Boulnois
@@ -116,6 +116,7 @@ extensions:
 extra_rdoc_files: []
 files:
 - Gemfile
+- data/formal_syntax.yml
 - ext/katana/extconf.rb
 - ext/katana/rb_katana.c
 - ext/katana/rb_katana.h