You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
6.6 KiB
177 lines
6.6 KiB
{
|
|
"css": {
|
|
"properties": {
|
|
"flex": {
|
|
"__compat": {
|
|
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/flex",
|
|
"support": {
|
|
"chrome": [
|
|
{
|
|
"version_added": "29"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "21"
|
|
}
|
|
],
|
|
"chrome_android": [
|
|
{
|
|
"version_added": "29"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "25"
|
|
}
|
|
],
|
|
"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>."
|
|
]
|
|
},
|
|
{
|
|
"version_added": "18",
|
|
"version_removed": "28",
|
|
"flags": [
|
|
{
|
|
"type": "preference",
|
|
"name": "layout.css.flexbox.enabled",
|
|
"value_to_set": "true"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "49"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "48",
|
|
"flags": [
|
|
{
|
|
"type": "preference",
|
|
"name": "layout.css.prefixes.webkit",
|
|
"value_to_set": "true"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"firefox_android": [
|
|
{
|
|
"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'>fit-content, not max-content</a>."
|
|
]
|
|
},
|
|
{
|
|
"version_added": "18",
|
|
"version_removed": "28",
|
|
"flags": [
|
|
{
|
|
"type": "preference",
|
|
"name": "layout.css.flexbox.enabled",
|
|
"value_to_set": "true"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "49"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "48",
|
|
"flags": [
|
|
{
|
|
"type": "preference",
|
|
"name": "layout.css.prefixes.webkit",
|
|
"value_to_set": "true"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"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."
|
|
]
|
|
}
|
|
],
|
|
"opera": {
|
|
"version_added": "12.1"
|
|
},
|
|
"opera_android": {
|
|
"version_added": "12.1"
|
|
},
|
|
"safari": [
|
|
{
|
|
"version_added": "9"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "6.1"
|
|
}
|
|
],
|
|
"safari_ios": [
|
|
{
|
|
"version_added": "9"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "7"
|
|
}
|
|
],
|
|
"samsunginternet_android": [
|
|
{
|
|
"version_added": "2.0"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "1.5"
|
|
}
|
|
],
|
|
"webview_android": [
|
|
{
|
|
"version_added": "4.4"
|
|
},
|
|
{
|
|
"prefix": "-webkit-",
|
|
"version_added": "≤37"
|
|
}
|
|
]
|
|
},
|
|
"status": {
|
|
"experimental": false,
|
|
"standard_track": true,
|
|
"deprecated": false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|