| { |
| "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 `0`.", |
| "Until Firefox 61, flex items that are sized according to their content are sized using [`fit-content`, not `max-content`](https://drafts.csswg.org/css-sizing-3/#column-sizing)." |
| ] |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "49" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": [ |
| { |
| "version_added": "11", |
| "notes": [ |
| "Internet Explorer 11 ignores uses of [`calc()`](https://developer.mozilla.org/docs/Web/CSS/calc) in the `flex-basis` part of the `flex` syntax. This can be worked around by using the longhand properties instead of the shorthand. See [Flexbug #8](https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc) for more info.", |
| "Internet Explorer 11 considers a unitless value in the `flex-basis` part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the `flex-basis` part of the `flex` shorthand value. See [Flexbug #4](https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored) for more info." |
| ] |
| }, |
| { |
| "prefix": "-ms-", |
| "version_added": "10", |
| "notes": [ |
| "Internet Explorer 10 and 11 ignore uses of [`calc()`](https://developer.mozilla.org/docs/Web/CSS/calc) in the `flex-basis` part of the `flex` syntax. This can be worked around by using the longhand properties instead of the shorthand. See [Flexbug #8](https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc) for more info.", |
| "Internet Explorer 10 and 11 consider a unitless value in the `flex-basis` part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the `flex-basis` part of the `flex` shorthand value. See [Flexbug #4](https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored) 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", |
| "tags": [ |
| "web-features:flexbox" |
| ], |
| "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 |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
