css/properties/flex.json

{
  "css": {
    "properties": {
      "flex": {
        "__compat": {
          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex",
          "spec_url": "https://drafts.csswg.org/css-flexbox/#flex-property",
          "tags": [
            "web-features:flexbox"
          ],
          "support": {
            "chrome": [
              {
                "version_added": "29"
              },
              {
                "prefix": "-webkit-",
                "version_added": "21"
              }
            ],
            "chrome_android": "mirror",
            "edge": [
              {
                "version_added": "12"
              },
              {
                "prefix": "-webkit-",
                "version_added": "12"
              }
            ],
            "firefox": [
              {
                "version_added": "20",
                "notes": [
                  "Since Firefox 28, multi-line flexbox is supported.",
                  "Before Firefox 32, Firefox wasn't able to animate values starting or stopping at <code>0</code>.",
                  "Until Firefox 61, flex items that are sized according to their content are sized using <a href='https://drafts.csswg.org/css-sizing-3/#column-sizing'><code>fit-content</code>, not <code>max-content</code></a>."
                ]
              },
              {
                "prefix": "-webkit-",
                "version_added": "49"
              }
            ],
            "firefox_android": "mirror",
            "ie": [
              {
                "version_added": "11",
                "notes": [
                  "Internet Explorer 11 ignores uses of <a href='https://developer.mozilla.org/docs/Web/CSS/calc'><code>calc()</code></a> in the <code>flex-basis</code> part of the <code>flex</code> syntax. This can be worked around by using the longhand properties instead of the shorthand. See <a href='https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc'>Flexbug #8</a> for more info.",
                  "Internet Explorer 11 considers a unitless value in the <code>flex-basis</code> part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the <code>flex-basis</code> part of the <code>flex</code> shorthand value. See <a href='https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored'>Flexbug #4</a> for more info."
                ]
              },
              {
                "prefix": "-ms-",
                "version_added": "10",
                "notes": [
                  "Internet Explorer 10 and 11 ignore uses of <a href='https://developer.mozilla.org/docs/Web/CSS/calc'><code>calc()</code></a> in the <code>flex-basis</code> part of the <code>flex</code> syntax. This can be worked around by using the longhand properties instead of the shorthand. See <a href='https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc'>Flexbug #8</a> for more info.",
                  "Internet Explorer 10 and 11 consider a unitless value in the <code>flex-basis</code> part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the <code>flex-basis</code> part of the <code>flex</code> shorthand value. See <a href='https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored'>Flexbug #4</a> for more info."
                ]
              }
            ],
            "oculus": "mirror",
            "opera": {
              "version_added": "12.1"
            },
            "opera_android": {
              "version_added": "12.1"
            },
            "safari": [
              {
                "version_added": "9"
              },
              {
                "prefix": "-webkit-",
                "version_added": "7"
              }
            ],
            "safari_ios": "mirror",
            "samsunginternet_android": "mirror",
            "webview_android": "mirror",
            "webview_ios": "mirror"
          },
          "status": {
            "experimental": false,
            "standard_track": true,
            "deprecated": false
          }
        },
        "none": {
          "__compat": {
            "spec_url": "https://drafts.csswg.org/css-flexbox/#valdef-flex-none",
            "support": {
              "chrome": {
                "version_added": "21"
              },
              "chrome_android": "mirror",
              "edge": {
                "version_added": "12"
              },
              "firefox": {
                "version_added": "≤72"
              },
              "firefox_android": "mirror",
              "ie": {
                "version_added": "≤11"
              },
              "oculus": "mirror",
              "opera": "mirror",
              "opera_android": "mirror",
              "safari": {
                "version_added": "7"
              },
              "safari_ios": "mirror",
              "samsunginternet_android": "mirror",
              "webview_android": "mirror",
              "webview_ios": "mirror"
            },
            "status": {
              "experimental": false,
              "standard_track": true,
              "deprecated": false
            }
          }
        }
      }
    }
  }
}