<commit_before>{
  "global": {
    "values": [
      { "name": "inherit", "code": "i" }
    , { "name": "initial", "code": "0" }
    , { "name": "unset"  , "code": "u" }
    ]
  , "types": [
      {
        "name": "<line-width>"
      , "url" : "https://developer.mozilla.org/en-US/docs/Web/CSS/length"
      , "values": [
          { "name": "1px" , "code": "1"  }
        , { "name": "2px" , "code": "2"  }
        , { "name": "4px" , "code": "4"  }
        , { "name": "8px" , "code": "8"  }
        , { "name": "16px", "code": "16" }
        ]
      }
    , {
        "name": "<line-style>"
      , "values": [
          { "name": "none"   , "code": "n"  }
        , { "name": "hidden" , "code": "h"  }
        , { "name": "solid"  , "code": "s"  }
        , { "name": "dotted" , "code": "do" }
        , { "name": "dashed" , "code": "da" }
        , { "name": "double" , "code": "db" }
        , { "name": "groove" , "code": "gv" }
        , { "name": "ridge"  , "code": "rg" }
        , { "name": "inset"  , "code": "is" }
        , { "name": "outset" , "code": "os" }
        ]
      }
    , {
        "name": "<color>"
      , "url" : "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value"
      , "values": [
          { "name": "transparent" , "code": "t" }
        , { "name": "currentColor", "code": "c" }
        , { "name": "#000"        , "code": "b" }
        , { "name": "#fff"        , "code": "w" }
        ]
      }
    ]
  , "common_data": {
      "tracks": [1, 2, 3, 4, 5, 6, 8, 10, 12]
    , "spacing": [0.25, 0.5, 1, 2, 4, 8, 16]
    }
  , "media": [
      { "name": "screen"  , "code": "s" , "query": "screen", "stability": 1 }
    , { "name": "print"   , "code": "p" , "query": "print" , "stability": 1 }
    , { "name": "small+"  , "code": "sK", "query": "screen  and (min-width: 30em)" }
    , { "name": "medium+" , "code": "sM", "query": "screen  and (min-width: 45em)" }
    , { "name": "large+"  , "code": "sG", "query": "screen  and (min-width: 60em)" }
    , { "name": "xlarge+" , "code": "sT", "query": "screen  and (min-width: 75em)" }
    , { "name": "xxlarge+", "code": "sP", "query": "screen  and (min-width: 90em)" }
    , { "name": "xsmall-" , "code": "nK", "query": "not all and (min-width: 30em)" }
    , { "name": "small-"  , "code": "nM", "query": "not all and (min-width: 45em)" }
    , { "name": "medium-" , "code": "nG", "query": "not all and (min-width: 60em)" }
    , { "name": "large-"  , "code": "nT", "query": "not all and (min-width: 75em)" }
    , { "name": "xlarge-" , "code": "nP", "query": "not all and (min-width: 90em)" }
    ]
  , "pseudo": [
      { "name": "hover", "code": "h", "selectors": [":hover", ":focus"] }
    ]
  , "stability_levels": [
      { "name": "obsolete"    , "description": "This feature is no longer supported. Do not use it." }
    , { "name": "deprecated"  , "description": "Breaking changes are planned for this feature, or it will be removed in future versions. It is no longer in development, and should not be relied upon." }
    , { "name": "experimental", "description": "This feature is in development, but is unsupported or subject to change. It could be removed in future versions." }
    , { "name": "stable"      , "description": "This feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary." }
    , { "name": "locked"      , "description": "Only patches will be made to this feature. It is no longer in development. It may be heavily relied upon and will not be removed in future versions." }
    ]
  }
, "properties": [
    {
      "name"     : "align-content"
    , "code"     : "ac"
    , "summary"  : "Defines how space is distributed along the block/cross/column-axis."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/align-content"
    , "inherited": false
    , "initial"  : "normal"
    , "stability": 2
    , "values"   : [
        { "name": "normal"       , "code": "n"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "start"        , "code": "s"  }
      , { "name": "end"          , "code": "e"  }
      , { "name": "flex-start"   , "code": "xs", "stability": 2 }
      , { "name": "flex-end"     , "code": "xe", "stability": 2 }
      , { "name": "stretch"      , "code": "st" }
      , { "name": "space-between", "code": "sb" }
      , { "name": "space-around" , "code": "sa" }
      , { "name": "space-evenly" , "code": "sv" }
      ]
    , "fallback": ["val", "return `.align-content(${val})`"]
    }
  , {
      "name"     : "align-items"
    , "code"     : "ai"
    , "summary"  : "Defines how item contents are aligned along the block/cross/column-axis."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items"
    , "inherited": false
    , "initial"  : "normal"
    , "stability": 2
    , "values"   : [
        { "name": "normal"       , "code": "n"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "start"        , "code": "s"  }
      , { "name": "end"          , "code": "e"  }
      , { "name": "flex-start"   , "code": "xs", "stability": 2 }
      , { "name": "flex-end"     , "code": "xe", "stability": 2 }
      , { "name": "self-start"   , "code": "ss" }
      , { "name": "self-end"     , "code": "se" }
      , { "name": "stretch"      , "code": "st" }
      ]
    , "fallback": ["val", "return `.align-items(${val})`"]
    }
  , {
      "name"     : "align-self"
    , "code"     : "as"
    , "summary"  : "Overrides parent `align-items` property."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/align-self"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto"         , "code": "a"  }
      , { "name": "normal"       , "code": "n"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "start"        , "code": "s"  }
      , { "name": "end"          , "code": "e"  }
      , { "name": "flex-start"   , "code": "xs", "stability": 2 }
      , { "name": "flex-end"     , "code": "xe", "stability": 2 }
      , { "name": "self-start"   , "code": "ss" }
      , { "name": "self-end"     , "code": "se" }
      , { "name": "stretch"      , "code": "st" }
      ]
    , "fallback": ["val", "return `.align-self(${val})`"]
    }
  , {
      "name"     : "background-attachment"
    , "code"     : "ba"
    , "summary"  : "Sets how the background image is attached to the viewport."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment"
    , "inherited": false
    , "initial"  : "scroll"
    , "stability": 3
    , "values"   : [
        { "name": "scroll", "code": "s" }
      , { "name": "fixed" , "code": "f" }
      , { "name": "local" , "code": "l" }
      ]
    }
  , {
      "name"     : "background-clip"
    , "code"     : "bk"
    , "summary"  : "Sets whether the background image/color extends beneath the padding/border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip"
    , "inherited": false
    , "initial"  : "border-box"
    , "stability": 3
    , "values"   : [
        { "name": "content-box", "code": "c" }
      , { "name": "padding-box", "code": "p" }
      , { "name": "border-box" , "code": "r", "stability": 2 }
      ]
    }
  , {
      "name"     : "background-color"
    , "code"     : "bc"
    , "summary"  : "Sets the background color."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-color"
    , "inherited": false
    , "initial"  : "transparent"
    , "stability": 3
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "background-image"
    , "code"     : "bi"
    , "summary"  : "Sets the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-image"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none", "code": "n" }
      ]
    }
  , {
      "name"     : "background-origin"
    , "code"     : "bo"
    , "summary"  : "Sets the position of the origin of the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin"
    , "inherited": false
    , "initial"  : "padding-box"
    , "stability": 3
    , "values"   : [
        { "name": "content-box", "code": "c" }
      , { "name": "padding-box", "code": "p" }
      , { "name": "border-box" , "code": "r", "stability": 2 }
      ]
    }
  , {
      "name"     : "background-position"
    , "code"     : "bp"
    , "summary"  : "Sets the position of the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-position"
    , "inherited": false
    , "initial"  : "0% 0%"
    , "stability": 3
    , "values"   : [
        { "name": "left"         , "code": "l"  }
      , { "name": "right"        , "code": "r"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "top"          , "code": "t"  }
      , { "name": "bottom"       , "code": "b"  }
      , { "name": "left   top   ", "code": "lt" }
      , { "name": "left   center", "code": "lc" }
      , { "name": "left   bottom", "code": "lb" }
      , { "name": "center top   ", "code": "ct" }
      , { "name": "center center", "code": "cc" }
      , { "name": "center bottom", "code": "cb" }
      , { "name": "right  top   ", "code": "rt" }
      , { "name": "right  center", "code": "rc" }
      , { "name": "right  bottom", "code": "rb" }
      ]
    }
  , {
      "name"     : "background-repeat"
    , "code"     : "br"
    , "summary"  : "Defines how the background image repeats."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat"
    , "inherited": false
    , "initial"  : "repeat"
    , "stability": 2
    , "values"   : [
        { "name": "repeat"   , "code": "r"  , "alt": "background-repeat: repeat    repeat   " }
      , { "name": "no-repeat", "code": "nr" , "alt": "background-repeat: no-repeat no-repeat" }
      , { "name": "space"    , "code": "sp" , "alt": "background-repeat: space     space    " }
      , { "name": "round"    , "code": "rd" , "alt": "background-repeat: round     round    " }
      , { "name": "repeat-x" , "code": "rx" , "alt": "background-repeat: repeat no-repeat" }
      , { "name": "repeat-y" , "code": "ry" , "alt": "background-repeat: no-repeat repeat" }
      , { "name": "space-x"  , "code": "spx", "use": "background-repeat: space no-repeat " }
      , { "name": "space-y"  , "code": "spy", "use": "background-repeat: no-repeat space " }
      , { "name": "round-x"  , "code": "rdx", "use": "background-repeat: round no-repeat " }
      , { "name": "round-y"  , "code": "rdy", "use": "background-repeat: no-repeat round " }
      , { "name": "repeat space" , "code": "r_sp"  }
      , { "name": "repeat round" , "code": "r_rd"  }
      , { "name": "space  repeat", "code": "sp_r"  }
      , { "name": "space  round" , "code": "sp_rd" }
      , { "name": "round  repeat", "code": "rd_r"  }
      , { "name": "round  space" , "code": "rd_sp" }
      ]
    }
  , {
      "name"     : "background-size"
    , "code"     : "bz"
    , "summary"  : "Sets the size of the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-size"
    , "inherited": false
    , "initial"  : "auto auto"
    , "stability": 3
    , "values"   : [
        { "name": "auto"   , "code": "a" }
      , { "name": "contain", "code": "cn", "stability": 2 }
      , { "name": "cover"  , "code": "cr", "stability": 2 }
      ]
    }
  , {
      "name"     : "border-color"
    , "code"     : "rc"
    , "summary"  : "Sets the color of an element’s border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-color"
    , "inherited": false
    , "initial"  : "currentColor"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    }
  , {
      "name"     : "border-radius"
    , "code"     : "rr"
    , "summary"  : "Defines rounded corners on an element."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius"
    , "inherited": false
    , "initial"  : "0"
    , "stability": 2
    , "values"   : [
        { "name": "0"      , "code": "z" }
      , { "name": "0.25rem", "code": "q" }
      , { "name": "0.5rem" , "code": "h" }
      , { "name": "1rem"   , "code": "1" }
      , { "name": "2rem"   , "code": "2" }
      , { "name": "50%"    , "code": "1o2" }
      ]
    }
  , {
      "name"     : "border-style"
    , "code"     : "rs"
    , "summary"  : "Sets the line style of an element’s border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-style"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateLineStyles" }
      ]
    }
  , {
      "name"     : "border-width"
    , "code"     : "rw"
    , "summary"  : "Sets the line width of an element’s border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-width"
    , "inherited": false
    , "initial"  : "medium"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        { "name": "generateLineWidths" }
      ]
    }
  , {
      "name"     : "bottom"
    , "code"     : "b"
    , "summary"  : "Specifies how far to position an element from the bottom."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/bottom"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 3
    , "values": [
        { "name": "auto", "code": "a" }
      , { "name": "0"   , "code": "z" }
      ]
    }
  , {
      "name"     : "box-shadow"
    , "code"     : "ks"
    , "summary"  : "Describes one or more shadow effects on the frame of an element."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none", "code": "n" }
      ]
    }
  , {
      "name"     : "box-sizing"
    , "code"     : "kz"
    , "summary"  : "Alters the CSS box model used to calculate width and height."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing"
    , "inherited": false
    , "initial"  : "content-box"
    , "stability": 3
    , "values"   : [
        { "name": "content-box", "code": "c" }
      , { "name": "border-box" , "code": "r", "stability": 2 }
      ]
    }
  , {
      "name"     : "clear"
    , "code"     : "cl"
    , "summary"  : "Specifies positioning next to floating elements."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/clear"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none" , "code": "n" }
      , { "name": "left" , "code": "l" }
      , { "name": "right", "code": "r" }
      , { "name": "both" , "code": "b" }
      ]
    }
  , {
      "name"     : "color"
    , "code"     : "c"
    , "summary"  : "Sets the text color."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/color"
    , "inherited": true
    , "initial"  : ""
    , "stability": 3
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "column-count"
    , "code"     : "cc"
    , "summary"  : "Sets the number of columns of content."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-count"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto", "code": "a" }
      ]
    , "generators": [
        {
          "name": "generateCounts"
        , "options": { "domain": "tracks" }
        }
      ]
    , "fallback": ["val", "return `.column-count(${val})`"]
    }
  , {
      "name"     : "column-fill"
    , "code"     : "cf"
    , "summary"  : "Controls how contents are partitioned into columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill"
    , "inherited": false
    , "initial"  : "balance"
    , "stability": 2
    , "values"   : [
        { "name": "balance", "code": "b" }
      , { "name": "auto"   , "code": "a" }
      ]
    , "fallback": ["val", "return `.column-fill(${val})`"]
    }
  , {
      "name"     : "column-gap"
    , "code"     : "cg"
    , "summary"  : "Sets the size of the gap between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap"
    , "inherited": false
    , "initial"  : "normal"
    , "stability": 2
    , "values"   : [
        { "name": "normal", "code": "n" }
      , { "name": "0"     , "code": "z" }
      ]
    , "generators": [
        {
          "name": "generateSpaces"
        , "transforms": { "namefn": ["length", "return `${length}rem`"] }
        }
      ]
    , "fallback": ["val", "return `.column-gap(${val})`"]
    }
  , {
      "name"     : "column-rule-color"
    , "code"     : "crc"
    , "summary"  : "Sets the color of the rule drawn between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color"
    , "inherited": false
    , "initial"  : "currentColor"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    , "fallback": ["val", "return `.column-rule-color(${val})`"]
    }
  , {
      "name"     : "column-rule-style"
    , "code"     : "crs"
    , "summary"  : "Sets the line style of the rule drawn between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-style"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateLineStyles" }
      ]
    , "fallback": ["val", "return `.column-rule-style(${val})`"]
    }
  , {
      "name"     : "column-rule-width"
    , "code"     : "crw"
    , "summary"  : "Sets the width of the rule drawn between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width"
    , "inherited": false
    , "initial"  : "medium"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        { "name": "generateLineWidths" }
      ]
    , "fallback": ["val", "return `.column-rule-width(${val})`"]
    }
  , {
      "name"     : "column-span"
    , "code"     : "cs"
    , "summary"  : "Describes how many columns an element spans across."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-span"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 2
    , "values"   : [
        { "name": "none", "code": "n" }
      , { "name": "all" , "code": "a" }
      ]
    , "fallback": ["val", "return `.column-span(${val})`"]
    }
  , {
      "name"     : "column-width"
    , "code"     : "cw"
    , "summary"  : "Suggests the optimal width for columns of content."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-width"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto", "code": "a" }
      , { "name": "0"   , "code": "z" }
      ]
    , "fallback": ["val", "return `.column-width(${val})`"]
    }
  , {
      "name"     : "display"
    , "code"     : "d"
    , "summary"  : "Sets the type of box rendered."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/display"
    , "inherited": false
    , "initial"  : "inline"
    , "stability": 2
    , "values"   : [
        { "name": "none"               , "code": "n"  , "stability": 3 }
      , { "name": "contents"           , "code": "c"                   }
      , { "name": "block"              , "code": "b"                   }
      , { "name": "inline"             , "code": "l"                   }
      , { "name": "run-in"             , "code": "r"                   }
      , { "name": "flow"               , "code": "f"                   }
      , { "name": "flow-root"          , "code": "o"                   }
      , { "name": "table"              , "code": "t"  , "stability": 0 }
      , { "name": "flex"               , "code": "x"  ,                 "use": ".flexbox()" }
      , { "name": "grid"               , "code": "g"  ,                 "use": ".grid()"    }
      , { "name": "table-row-group"    , "code": "trg", "stability": 0 }
      , { "name": "table-header-group" , "code": "thg", "stability": 0 }
      , { "name": "table-footer-group" , "code": "tfg", "stability": 0 }
      , { "name": "table-row"          , "code": "tr" , "stability": 0 }
      , { "name": "table-cell"         , "code": "tc" , "stability": 0 }
      , { "name": "table-column-group" , "code": "tlg", "stability": 0 }
      , { "name": "table-column"       , "code": "tl" , "stability": 0 }
      , { "name": "list-item"          , "code": "s"                   }
      , { "name": "list-item flow-root", "code": "s_o"                 }
      , { "name": "list-item inline"   , "code": "s_l"                 }
      , { "name": "inline-block"       , "code": "lb" , "stability": 1, "alt": "display: inline flow-root" }
      , { "name": "inline-list-item"   , "code": "ls" , "stability": 1, "alt": "display: list-item inline flow" }
      , { "name": "inline-table"       , "code": "lt" , "stability": 1, "alt": "display: inline table" }
      , { "name": "inline-flex"        , "code": "lf" , "stability": 1, "alt": "display: inline flex" }
      , { "name": "inline-grid"        , "code": "lg" , "stability": 1, "alt": "display: inline grid" }
      ]
    }
  , {
      "name"     : "flex"
    , "code"     : "x"
    , "summary"  : "Shorthand for setting the flex-grow, flex-shrink, and flex-basis properties of an element."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/flex"
    , "inherited": false
    , "initial"  : "0 1 auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto"   , "code": "a" }
      , { "name": "content", "code": "c" }
      , { "name": "0"      , "code": "z" }
      , { "name": "0.5"    , "code": "h" }
      , { "name": "1"      , "code": "1" }
      , { "name": "2"      , "code": "2" }
      ]
    , "generators": [
        {
          "name": "generateFracs"
        , "transforms": { "usefn": ["percentage", "return `.flex(${percentage})`"] }
        , "options": { "domain": "tracks" }
        }
      ]
    , "fallback": ["val", "return `.flex(${val})`"]
    }
  , {
      "name"     : "flex-direction"
    , "code"     : "xd"
    , "summary"  : "Specifies how flex items are placed in the flex container."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction"
    , "inherited": false
    , "initial"  : "row"
    , "stability": 2
    , "values"   : [
        { "name": "row"           , "code": "r"  }
      , { "name": "column"        , "code": "c"  }
      , { "name": "row-reverse"   , "code": "rr" }
      , { "name": "column-reverse", "code": "cr" }
      ]
    , "fallback": ["val", "return `.flex-direction(${val})`"]
    }
  , {
      "name"     : "flex-wrap"
    , "code"     : "xw"
    , "summary"  : "Determines whether boxes wrap to the next row or column."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap"
    , "inherited": false
    , "initial"  : "nowrap"
    , "stability": 2
    , "values"   : [
        { "name": "nowrap"      , "code": "nw" }
      , { "name": "wrap"        , "code": "wp" }
      , { "name": "wrap-reverse", "code": "wr" }
      ]
    , "fallback": ["val", "return `.flex-wrap(${val})`"]
    }
  , {
      "name"     : "float"
    , "code"     : "fl"
    , "summary"  : "Floats the box in content."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/float"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none" , "code": "n" }
      , { "name": "left" , "code": "l" }
      , { "name": "right", "code": "r" }
      ]
    }
  , {
      "name"     : "font-family"
    , "code"     : "ff"
    , "summary"  : "Sets the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family"
    , "inherited": true
    , "initial"  : ""
    , "stability": 3
    , "values"   : [
        { "name": "sans-serif", "code": "ss" }
      , { "name": "serif"     , "code": "sf" }
      , { "name": "monospace" , "code": "ms" }
      , { "name": "fantasy"   , "code": "fy" }
      , { "name": "cursive"   , "code": "cv", "stability": 2 }
      ]
    }
  , {
      "name"     : "font-size"
    , "code"     : "fz"
    , "summary"  : "Sets the font size."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-size"
    , "inherited": true
    , "initial"  : "medium"
    , "stability": 3
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    }
  , {
      "name"     : "font-style"
    , "code"     : "fs"
    , "summary"  : "Sets italics or oblique on the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-style"
    , "inherited": true
    , "initial"  : "normal"
    , "stability": 3
    , "values"   : [
        { "name": "normal", "code": "n" }
      , { "name": "italic", "code": "t" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "font-variant"
    , "code"     : "fv"
    , "summary"  : "Sets small capitals on the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant"
    , "inherited": true
    , "initial"  : "normal"
    , "stability": 3
    , "values"   : [
        { "name": "normal"    , "code": "n" }
      , { "name": "small-caps", "code": "s" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "font-weight"
    , "code"     : "fw"
    , "summary"  : "Sets weight on the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight"
    , "inherited": true
    , "initial"  : "normal"
    , "stability": 3
    , "values"   : [
        { "name": "normal", "code": "n"   }
      , { "name": "bold"  , "code": "b"   }
      , { "name": "100"   , "code": "100" }
      , { "name": "200"   , "code": "200" }
      , { "name": "300"   , "code": "300" }
      , { "name": "400"   , "code": "400" }
      , { "name": "500"   , "code": "500" }
      , { "name": "600"   , "code": "600" }
      , { "name": "700"   , "code": "700" }
      , { "name": "800"   , "code": "800" }
      , { "name": "900"   , "code": "900" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "grid-column-gap"
    , "code"     : "gcg"
    , "summary"  : "Sets the gutter size between grid columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap"
    , "inherited": false
    , "initial"  : "0"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        {
          "name": "generateSpaces"
        , "transforms": { "namefn": ["length", "return `${length}rem`"] }
        }
      ]
    , "fallback": ["val", "return `.grid-column-gap(${val})`"]
    }
  , {
      "name"     : "grid-row-gap"
    , "code"     : "grg"
    , "summary"  : "Sets the gutter size between grid rows."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap"
    , "inherited": false
    , "initial"  : "0"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        {
          "name": "generateSpaces"
        , "transforms": {
            "namefn": ["length", "return `${length}vru`"]
          , "usefn" : ["length", "return `.grid-row-gap(calc(${length} ~'*' var(--vru, @g-vru)))`"]
          }
        }
      ]
    , "fallback": ["val", "return `.grid-row-gap(${val})`"]
    }
  , {
      "name"     : "grid-template-columns"
    , "code"     : "gtc"
    , "summary"  : "Defines track sizing functions of grid columns."<commit_msg>fix missing values on column-gap, grid-[column,row]-gap<commit_after>{
  "global": {
    "values": [
      { "name": "inherit", "code": "i" }
    , { "name": "initial", "code": "0" }
    , { "name": "unset"  , "code": "u" }
    ]
  , "types": [
      {
        "name": "<line-width>"
      , "url" : "https://developer.mozilla.org/en-US/docs/Web/CSS/length"
      , "values": [
          { "name": "1px" , "code": "1"  }
        , { "name": "2px" , "code": "2"  }
        , { "name": "4px" , "code": "4"  }
        , { "name": "8px" , "code": "8"  }
        , { "name": "16px", "code": "16" }
        ]
      }
    , {
        "name": "<line-style>"
      , "values": [
          { "name": "none"   , "code": "n"  }
        , { "name": "hidden" , "code": "h"  }
        , { "name": "solid"  , "code": "s"  }
        , { "name": "dotted" , "code": "do" }
        , { "name": "dashed" , "code": "da" }
        , { "name": "double" , "code": "db" }
        , { "name": "groove" , "code": "gv" }
        , { "name": "ridge"  , "code": "rg" }
        , { "name": "inset"  , "code": "is" }
        , { "name": "outset" , "code": "os" }
        ]
      }
    , {
        "name": "<color>"
      , "url" : "https://developer.mozilla.org/en-US/docs/Web/CSS/color_value"
      , "values": [
          { "name": "transparent" , "code": "t" }
        , { "name": "currentColor", "code": "c" }
        , { "name": "#000"        , "code": "b" }
        , { "name": "#fff"        , "code": "w" }
        ]
      }
    ]
  , "common_data": {
      "tracks": [1, 2, 3, 4, 5, 6, 8, 10, 12]
    , "spacing": [0.25, 0.5, 1, 2, 4, 8, 16]
    }
  , "media": [
      { "name": "screen"  , "code": "s" , "query": "screen", "stability": 1 }
    , { "name": "print"   , "code": "p" , "query": "print" , "stability": 1 }
    , { "name": "small+"  , "code": "sK", "query": "screen  and (min-width: 30em)" }
    , { "name": "medium+" , "code": "sM", "query": "screen  and (min-width: 45em)" }
    , { "name": "large+"  , "code": "sG", "query": "screen  and (min-width: 60em)" }
    , { "name": "xlarge+" , "code": "sT", "query": "screen  and (min-width: 75em)" }
    , { "name": "xxlarge+", "code": "sP", "query": "screen  and (min-width: 90em)" }
    , { "name": "xsmall-" , "code": "nK", "query": "not all and (min-width: 30em)" }
    , { "name": "small-"  , "code": "nM", "query": "not all and (min-width: 45em)" }
    , { "name": "medium-" , "code": "nG", "query": "not all and (min-width: 60em)" }
    , { "name": "large-"  , "code": "nT", "query": "not all and (min-width: 75em)" }
    , { "name": "xlarge-" , "code": "nP", "query": "not all and (min-width: 90em)" }
    ]
  , "pseudo": [
      { "name": "hover", "code": "h", "selectors": [":hover", ":focus"] }
    ]
  , "stability_levels": [
      { "name": "obsolete"    , "description": "This feature is no longer supported. Do not use it." }
    , { "name": "deprecated"  , "description": "Breaking changes are planned for this feature, or it will be removed in future versions. It is no longer in development, and should not be relied upon." }
    , { "name": "experimental", "description": "This feature is in development, but is unsupported or subject to change. It could be removed in future versions." }
    , { "name": "stable"      , "description": "This feature has been tested and proven satisfactory. It is in development, but no breaking changes will be made unless absolutely necessary." }
    , { "name": "locked"      , "description": "Only patches will be made to this feature. It is no longer in development. It may be heavily relied upon and will not be removed in future versions." }
    ]
  }
, "properties": [
    {
      "name"     : "align-content"
    , "code"     : "ac"
    , "summary"  : "Defines how space is distributed along the block/cross/column-axis."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/align-content"
    , "inherited": false
    , "initial"  : "normal"
    , "stability": 2
    , "values"   : [
        { "name": "normal"       , "code": "n"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "start"        , "code": "s"  }
      , { "name": "end"          , "code": "e"  }
      , { "name": "flex-start"   , "code": "xs", "stability": 2 }
      , { "name": "flex-end"     , "code": "xe", "stability": 2 }
      , { "name": "stretch"      , "code": "st" }
      , { "name": "space-between", "code": "sb" }
      , { "name": "space-around" , "code": "sa" }
      , { "name": "space-evenly" , "code": "sv" }
      ]
    , "fallback": ["val", "return `.align-content(${val})`"]
    }
  , {
      "name"     : "align-items"
    , "code"     : "ai"
    , "summary"  : "Defines how item contents are aligned along the block/cross/column-axis."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items"
    , "inherited": false
    , "initial"  : "normal"
    , "stability": 2
    , "values"   : [
        { "name": "normal"       , "code": "n"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "start"        , "code": "s"  }
      , { "name": "end"          , "code": "e"  }
      , { "name": "flex-start"   , "code": "xs", "stability": 2 }
      , { "name": "flex-end"     , "code": "xe", "stability": 2 }
      , { "name": "self-start"   , "code": "ss" }
      , { "name": "self-end"     , "code": "se" }
      , { "name": "stretch"      , "code": "st" }
      ]
    , "fallback": ["val", "return `.align-items(${val})`"]
    }
  , {
      "name"     : "align-self"
    , "code"     : "as"
    , "summary"  : "Overrides parent `align-items` property."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/align-self"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto"         , "code": "a"  }
      , { "name": "normal"       , "code": "n"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "start"        , "code": "s"  }
      , { "name": "end"          , "code": "e"  }
      , { "name": "flex-start"   , "code": "xs", "stability": 2 }
      , { "name": "flex-end"     , "code": "xe", "stability": 2 }
      , { "name": "self-start"   , "code": "ss" }
      , { "name": "self-end"     , "code": "se" }
      , { "name": "stretch"      , "code": "st" }
      ]
    , "fallback": ["val", "return `.align-self(${val})`"]
    }
  , {
      "name"     : "background-attachment"
    , "code"     : "ba"
    , "summary"  : "Sets how the background image is attached to the viewport."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment"
    , "inherited": false
    , "initial"  : "scroll"
    , "stability": 3
    , "values"   : [
        { "name": "scroll", "code": "s" }
      , { "name": "fixed" , "code": "f" }
      , { "name": "local" , "code": "l" }
      ]
    }
  , {
      "name"     : "background-clip"
    , "code"     : "bk"
    , "summary"  : "Sets whether the background image/color extends beneath the padding/border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip"
    , "inherited": false
    , "initial"  : "border-box"
    , "stability": 3
    , "values"   : [
        { "name": "content-box", "code": "c" }
      , { "name": "padding-box", "code": "p" }
      , { "name": "border-box" , "code": "r", "stability": 2 }
      ]
    }
  , {
      "name"     : "background-color"
    , "code"     : "bc"
    , "summary"  : "Sets the background color."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-color"
    , "inherited": false
    , "initial"  : "transparent"
    , "stability": 3
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "background-image"
    , "code"     : "bi"
    , "summary"  : "Sets the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-image"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none", "code": "n" }
      ]
    }
  , {
      "name"     : "background-origin"
    , "code"     : "bo"
    , "summary"  : "Sets the position of the origin of the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin"
    , "inherited": false
    , "initial"  : "padding-box"
    , "stability": 3
    , "values"   : [
        { "name": "content-box", "code": "c" }
      , { "name": "padding-box", "code": "p" }
      , { "name": "border-box" , "code": "r", "stability": 2 }
      ]
    }
  , {
      "name"     : "background-position"
    , "code"     : "bp"
    , "summary"  : "Sets the position of the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-position"
    , "inherited": false
    , "initial"  : "0% 0%"
    , "stability": 3
    , "values"   : [
        { "name": "left"         , "code": "l"  }
      , { "name": "right"        , "code": "r"  }
      , { "name": "center"       , "code": "c"  }
      , { "name": "top"          , "code": "t"  }
      , { "name": "bottom"       , "code": "b"  }
      , { "name": "left   top   ", "code": "lt" }
      , { "name": "left   center", "code": "lc" }
      , { "name": "left   bottom", "code": "lb" }
      , { "name": "center top   ", "code": "ct" }
      , { "name": "center center", "code": "cc" }
      , { "name": "center bottom", "code": "cb" }
      , { "name": "right  top   ", "code": "rt" }
      , { "name": "right  center", "code": "rc" }
      , { "name": "right  bottom", "code": "rb" }
      ]
    }
  , {
      "name"     : "background-repeat"
    , "code"     : "br"
    , "summary"  : "Defines how the background image repeats."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat"
    , "inherited": false
    , "initial"  : "repeat"
    , "stability": 2
    , "values"   : [
        { "name": "repeat"   , "code": "r"  , "alt": "background-repeat: repeat    repeat   " }
      , { "name": "no-repeat", "code": "nr" , "alt": "background-repeat: no-repeat no-repeat" }
      , { "name": "space"    , "code": "sp" , "alt": "background-repeat: space     space    " }
      , { "name": "round"    , "code": "rd" , "alt": "background-repeat: round     round    " }
      , { "name": "repeat-x" , "code": "rx" , "alt": "background-repeat: repeat no-repeat" }
      , { "name": "repeat-y" , "code": "ry" , "alt": "background-repeat: no-repeat repeat" }
      , { "name": "space-x"  , "code": "spx", "use": "background-repeat: space no-repeat " }
      , { "name": "space-y"  , "code": "spy", "use": "background-repeat: no-repeat space " }
      , { "name": "round-x"  , "code": "rdx", "use": "background-repeat: round no-repeat " }
      , { "name": "round-y"  , "code": "rdy", "use": "background-repeat: no-repeat round " }
      , { "name": "repeat space" , "code": "r_sp"  }
      , { "name": "repeat round" , "code": "r_rd"  }
      , { "name": "space  repeat", "code": "sp_r"  }
      , { "name": "space  round" , "code": "sp_rd" }
      , { "name": "round  repeat", "code": "rd_r"  }
      , { "name": "round  space" , "code": "rd_sp" }
      ]
    }
  , {
      "name"     : "background-size"
    , "code"     : "bz"
    , "summary"  : "Sets the size of the background image."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/background-size"
    , "inherited": false
    , "initial"  : "auto auto"
    , "stability": 3
    , "values"   : [
        { "name": "auto"   , "code": "a" }
      , { "name": "contain", "code": "cn", "stability": 2 }
      , { "name": "cover"  , "code": "cr", "stability": 2 }
      ]
    }
  , {
      "name"     : "border-color"
    , "code"     : "rc"
    , "summary"  : "Sets the color of an element’s border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-color"
    , "inherited": false
    , "initial"  : "currentColor"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    }
  , {
      "name"     : "border-radius"
    , "code"     : "rr"
    , "summary"  : "Defines rounded corners on an element."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius"
    , "inherited": false
    , "initial"  : "0"
    , "stability": 2
    , "values"   : [
        { "name": "0"      , "code": "z" }
      , { "name": "0.25rem", "code": "q" }
      , { "name": "0.5rem" , "code": "h" }
      , { "name": "1rem"   , "code": "1" }
      , { "name": "2rem"   , "code": "2" }
      , { "name": "50%"    , "code": "1o2" }
      ]
    }
  , {
      "name"     : "border-style"
    , "code"     : "rs"
    , "summary"  : "Sets the line style of an element’s border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-style"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateLineStyles" }
      ]
    }
  , {
      "name"     : "border-width"
    , "code"     : "rw"
    , "summary"  : "Sets the line width of an element’s border."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/border-width"
    , "inherited": false
    , "initial"  : "medium"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        { "name": "generateLineWidths" }
      ]
    }
  , {
      "name"     : "bottom"
    , "code"     : "b"
    , "summary"  : "Specifies how far to position an element from the bottom."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/bottom"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 3
    , "values": [
        { "name": "auto", "code": "a" }
      , { "name": "0"   , "code": "z" }
      ]
    }
  , {
      "name"     : "box-shadow"
    , "code"     : "ks"
    , "summary"  : "Describes one or more shadow effects on the frame of an element."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none", "code": "n" }
      ]
    }
  , {
      "name"     : "box-sizing"
    , "code"     : "kz"
    , "summary"  : "Alters the CSS box model used to calculate width and height."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing"
    , "inherited": false
    , "initial"  : "content-box"
    , "stability": 3
    , "values"   : [
        { "name": "content-box", "code": "c" }
      , { "name": "border-box" , "code": "r", "stability": 2 }
      ]
    }
  , {
      "name"     : "clear"
    , "code"     : "cl"
    , "summary"  : "Specifies positioning next to floating elements."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/clear"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none" , "code": "n" }
      , { "name": "left" , "code": "l" }
      , { "name": "right", "code": "r" }
      , { "name": "both" , "code": "b" }
      ]
    }
  , {
      "name"     : "color"
    , "code"     : "c"
    , "summary"  : "Sets the text color."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/color"
    , "inherited": true
    , "initial"  : ""
    , "stability": 3
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "column-count"
    , "code"     : "cc"
    , "summary"  : "Sets the number of columns of content."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-count"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto", "code": "a" }
      ]
    , "generators": [
        {
          "name": "generateCounts"
        , "options": { "domain": "tracks" }
        }
      ]
    , "fallback": ["val", "return `.column-count(${val})`"]
    }
  , {
      "name"     : "column-fill"
    , "code"     : "cf"
    , "summary"  : "Controls how contents are partitioned into columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill"
    , "inherited": false
    , "initial"  : "balance"
    , "stability": 2
    , "values"   : [
        { "name": "balance", "code": "b" }
      , { "name": "auto"   , "code": "a" }
      ]
    , "fallback": ["val", "return `.column-fill(${val})`"]
    }
  , {
      "name"     : "column-gap"
    , "code"     : "cg"
    , "summary"  : "Sets the size of the gap between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap"
    , "inherited": false
    , "initial"  : "normal"
    , "stability": 2
    , "values"   : [
        { "name": "normal", "code": "n" }
      , { "name": "0"     , "code": "z" }
      ]
    , "generators": [
        {
          "name": "generateSpaces"
        , "transforms": { "namefn": ["length", "return `${length}rem`"] }
        , "options": { "domain": "spacing" }
        }
      ]
    , "fallback": ["val", "return `.column-gap(${val})`"]
    }
  , {
      "name"     : "column-rule-color"
    , "code"     : "crc"
    , "summary"  : "Sets the color of the rule drawn between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color"
    , "inherited": false
    , "initial"  : "currentColor"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateColors" }
      ]
    , "fallback": ["val", "return `.column-rule-color(${val})`"]
    }
  , {
      "name"     : "column-rule-style"
    , "code"     : "crs"
    , "summary"  : "Sets the line style of the rule drawn between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-style"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 2
    , "values"   : [
      ]
    , "generators": [
        { "name": "generateLineStyles" }
      ]
    , "fallback": ["val", "return `.column-rule-style(${val})`"]
    }
  , {
      "name"     : "column-rule-width"
    , "code"     : "crw"
    , "summary"  : "Sets the width of the rule drawn between columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width"
    , "inherited": false
    , "initial"  : "medium"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        { "name": "generateLineWidths" }
      ]
    , "fallback": ["val", "return `.column-rule-width(${val})`"]
    }
  , {
      "name"     : "column-span"
    , "code"     : "cs"
    , "summary"  : "Describes how many columns an element spans across."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-span"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 2
    , "values"   : [
        { "name": "none", "code": "n" }
      , { "name": "all" , "code": "a" }
      ]
    , "fallback": ["val", "return `.column-span(${val})`"]
    }
  , {
      "name"     : "column-width"
    , "code"     : "cw"
    , "summary"  : "Suggests the optimal width for columns of content."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/column-width"
    , "inherited": false
    , "initial"  : "auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto", "code": "a" }
      , { "name": "0"   , "code": "z" }
      ]
    , "fallback": ["val", "return `.column-width(${val})`"]
    }
  , {
      "name"     : "display"
    , "code"     : "d"
    , "summary"  : "Sets the type of box rendered."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/display"
    , "inherited": false
    , "initial"  : "inline"
    , "stability": 2
    , "values"   : [
        { "name": "none"               , "code": "n"  , "stability": 3 }
      , { "name": "contents"           , "code": "c"                   }
      , { "name": "block"              , "code": "b"                   }
      , { "name": "inline"             , "code": "l"                   }
      , { "name": "run-in"             , "code": "r"                   }
      , { "name": "flow"               , "code": "f"                   }
      , { "name": "flow-root"          , "code": "o"                   }
      , { "name": "table"              , "code": "t"  , "stability": 0 }
      , { "name": "flex"               , "code": "x"  ,                 "use": ".flexbox()" }
      , { "name": "grid"               , "code": "g"  ,                 "use": ".grid()"    }
      , { "name": "table-row-group"    , "code": "trg", "stability": 0 }
      , { "name": "table-header-group" , "code": "thg", "stability": 0 }
      , { "name": "table-footer-group" , "code": "tfg", "stability": 0 }
      , { "name": "table-row"          , "code": "tr" , "stability": 0 }
      , { "name": "table-cell"         , "code": "tc" , "stability": 0 }
      , { "name": "table-column-group" , "code": "tlg", "stability": 0 }
      , { "name": "table-column"       , "code": "tl" , "stability": 0 }
      , { "name": "list-item"          , "code": "s"                   }
      , { "name": "list-item flow-root", "code": "s_o"                 }
      , { "name": "list-item inline"   , "code": "s_l"                 }
      , { "name": "inline-block"       , "code": "lb" , "stability": 1, "alt": "display: inline flow-root" }
      , { "name": "inline-list-item"   , "code": "ls" , "stability": 1, "alt": "display: list-item inline flow" }
      , { "name": "inline-table"       , "code": "lt" , "stability": 1, "alt": "display: inline table" }
      , { "name": "inline-flex"        , "code": "lf" , "stability": 1, "alt": "display: inline flex" }
      , { "name": "inline-grid"        , "code": "lg" , "stability": 1, "alt": "display: inline grid" }
      ]
    }
  , {
      "name"     : "flex"
    , "code"     : "x"
    , "summary"  : "Shorthand for setting the flex-grow, flex-shrink, and flex-basis properties of an element."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/flex"
    , "inherited": false
    , "initial"  : "0 1 auto"
    , "stability": 2
    , "values"   : [
        { "name": "auto"   , "code": "a" }
      , { "name": "content", "code": "c" }
      , { "name": "0"      , "code": "z" }
      , { "name": "0.5"    , "code": "h" }
      , { "name": "1"      , "code": "1" }
      , { "name": "2"      , "code": "2" }
      ]
    , "generators": [
        {
          "name": "generateFracs"
        , "transforms": { "usefn": ["percentage", "return `.flex(${percentage})`"] }
        , "options": { "domain": "tracks" }
        }
      ]
    , "fallback": ["val", "return `.flex(${val})`"]
    }
  , {
      "name"     : "flex-direction"
    , "code"     : "xd"
    , "summary"  : "Specifies how flex items are placed in the flex container."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction"
    , "inherited": false
    , "initial"  : "row"
    , "stability": 2
    , "values"   : [
        { "name": "row"           , "code": "r"  }
      , { "name": "column"        , "code": "c"  }
      , { "name": "row-reverse"   , "code": "rr" }
      , { "name": "column-reverse", "code": "cr" }
      ]
    , "fallback": ["val", "return `.flex-direction(${val})`"]
    }
  , {
      "name"     : "flex-wrap"
    , "code"     : "xw"
    , "summary"  : "Determines whether boxes wrap to the next row or column."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap"
    , "inherited": false
    , "initial"  : "nowrap"
    , "stability": 2
    , "values"   : [
        { "name": "nowrap"      , "code": "nw" }
      , { "name": "wrap"        , "code": "wp" }
      , { "name": "wrap-reverse", "code": "wr" }
      ]
    , "fallback": ["val", "return `.flex-wrap(${val})`"]
    }
  , {
      "name"     : "float"
    , "code"     : "fl"
    , "summary"  : "Floats the box in content."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/float"
    , "inherited": false
    , "initial"  : "none"
    , "stability": 3
    , "values"   : [
        { "name": "none" , "code": "n" }
      , { "name": "left" , "code": "l" }
      , { "name": "right", "code": "r" }
      ]
    }
  , {
      "name"     : "font-family"
    , "code"     : "ff"
    , "summary"  : "Sets the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family"
    , "inherited": true
    , "initial"  : ""
    , "stability": 3
    , "values"   : [
        { "name": "sans-serif", "code": "ss" }
      , { "name": "serif"     , "code": "sf" }
      , { "name": "monospace" , "code": "ms" }
      , { "name": "fantasy"   , "code": "fy" }
      , { "name": "cursive"   , "code": "cv", "stability": 2 }
      ]
    }
  , {
      "name"     : "font-size"
    , "code"     : "fz"
    , "summary"  : "Sets the font size."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-size"
    , "inherited": true
    , "initial"  : "medium"
    , "stability": 3
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    }
  , {
      "name"     : "font-style"
    , "code"     : "fs"
    , "summary"  : "Sets italics or oblique on the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-style"
    , "inherited": true
    , "initial"  : "normal"
    , "stability": 3
    , "values"   : [
        { "name": "normal", "code": "n" }
      , { "name": "italic", "code": "t" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "font-variant"
    , "code"     : "fv"
    , "summary"  : "Sets small capitals on the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant"
    , "inherited": true
    , "initial"  : "normal"
    , "stability": 3
    , "values"   : [
        { "name": "normal"    , "code": "n" }
      , { "name": "small-caps", "code": "s" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "font-weight"
    , "code"     : "fw"
    , "summary"  : "Sets weight on the typeface."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight"
    , "inherited": true
    , "initial"  : "normal"
    , "stability": 3
    , "values"   : [
        { "name": "normal", "code": "n"   }
      , { "name": "bold"  , "code": "b"   }
      , { "name": "100"   , "code": "100" }
      , { "name": "200"   , "code": "200" }
      , { "name": "300"   , "code": "300" }
      , { "name": "400"   , "code": "400" }
      , { "name": "500"   , "code": "500" }
      , { "name": "600"   , "code": "600" }
      , { "name": "700"   , "code": "700" }
      , { "name": "800"   , "code": "800" }
      , { "name": "900"   , "code": "900" }
      ]
    , "pseudo": [
        "hover"
      ]
    }
  , {
      "name"     : "grid-column-gap"
    , "code"     : "gcg"
    , "summary"  : "Sets the gutter size between grid columns."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap"
    , "inherited": false
    , "initial"  : "0"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        {
          "name": "generateSpaces"
        , "transforms": { "namefn": ["length", "return `${length}rem`"] }
        , "options": { "domain": "spacing" }
        }
      ]
    , "fallback": ["val", "return `.grid-column-gap(${val})`"]
    }
  , {
      "name"     : "grid-row-gap"
    , "code"     : "grg"
    , "summary"  : "Sets the gutter size between grid rows."
    , "url"      : "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap"
    , "inherited": false
    , "initial"  : "0"
    , "stability": 2
    , "values"   : [
        { "name": "0", "code": "z" }
      ]
    , "generators": [
        {
          "name": "generateSpaces"
        , "transforms": {
            "namefn": ["length", "return `${length}vru`"]
          , "usefn" : ["length", "return `.grid-row-gap(calc(${length} ~'*' var(--vru, @g-vru)))`"]
          }
        , "options": { "domain": "spacing" }
        }
      ]
    , "fallback": ["val", "return `.grid-row-gap(${val})`"]
    }
  , {
      "name"     : "grid-template-columns"
    , "code"     : "gtc"
    , "summary"  : "Defines track sizing functions of grid columns."
{'fraction_non_alphanumeric': 0.23012486170380908, 'fraction_numerical': 0.007586533902323376, 'mean_word_length': 1.8798867142062408, 'pattern_counts': {'":': 1246, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 84, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '162407', 'n_tokens_mistral': 21874, 'n_tokens_neox': 21312, 'n_words': 4345}