diff --git a/features/display-flow-root.yml b/features/display-flow-root.yml new file mode 100644 index 00000000000..a76dfed8391 --- /dev/null +++ b/features/display-flow-root.yml @@ -0,0 +1,7 @@ +name: "display: flow-root" +description: "The `display: flow-root` CSS declaration sets an element as the root element of a new flow layout for its children, preventing margin collapse with sibling elements." +spec: https://drafts.csswg.org/css-display-3/#inner-model +caniuse: flow-root +group: css +compat_features: + - css.properties.display.flow-root diff --git a/features/display-flow-root.yml.dist b/features/display-flow-root.yml.dist new file mode 100644 index 00000000000..4fca672e178 --- /dev/null +++ b/features/display-flow-root.yml.dist @@ -0,0 +1,17 @@ +# Generated from: display-flow-root.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2020-01-15 + baseline_high_date: 2022-07-15 + support: + chrome: "58" + chrome_android: "58" + edge: "79" + firefox: "53" + firefox_android: "53" + safari: "13" + safari_ios: "13" +compat_features: + - css.properties.display.flow-root diff --git a/features/display-list-item.yml b/features/display-list-item.yml new file mode 100644 index 00000000000..e4eb631ece9 --- /dev/null +++ b/features/display-list-item.yml @@ -0,0 +1,11 @@ +name: "display: list-item" +description: "The `display: list-item` CSS declaration renders an element with the box layout of a `
  • ` HTML element." +spec: https://drafts.csswg.org/css-display-3/#list-items +group: + - css + - lists +status: + compute_from: css.properties.display.list-item +compat_features: + - css.properties.display.list-item + - css.properties.display.list-item.legend-support diff --git a/features/display-list-item.yml.dist b/features/display-list-item.yml.dist new file mode 100644 index 00000000000..08edcd0f2b7 --- /dev/null +++ b/features/display-list-item.yml.dist @@ -0,0 +1,38 @@ +# Generated from: display-list-item.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.display.list-item + + # baseline: false + # support: + # chrome: "71" + # chrome_android: "71" + # edge: "79" + # firefox: "64" + # firefox_android: "64" + - css.properties.display.list-item.legend-support diff --git a/features/display-ruby.yml b/features/display-ruby.yml new file mode 100644 index 00000000000..81dc9936ddd --- /dev/null +++ b/features/display-ruby.yml @@ -0,0 +1,12 @@ +name: "display: ruby" +description: "The `display: ruby` CSS declaration renders an element with the box layout of a `` HTML element. Child elements may use equivalents to `` internal elements such as `display: ruby-base` for ``." +spec: https://drafts.csswg.org/css-display-3/#layout-specific-display +group: + - css + - ruby +compat_features: + - css.properties.display.ruby + - css.properties.display.ruby-base + - css.properties.display.ruby-base-container + - css.properties.display.ruby-text + - css.properties.display.ruby-text-container diff --git a/features/display-ruby.yml.dist b/features/display-ruby.yml.dist new file mode 100644 index 00000000000..38d78b49b08 --- /dev/null +++ b/features/display-ruby.yml.dist @@ -0,0 +1,26 @@ +# Generated from: display-ruby.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + firefox: "38" + firefox_android: "38" +compat_features: + # baseline: false + # support: + # chrome: "121" + # chrome_android: "121" + # firefox: "38" + # firefox_android: "38" + - css.properties.display.ruby + - css.properties.display.ruby-text + + # ⬇️ Same status as overall feature ⬇️ + # baseline: false + # support: + # firefox: "38" + # firefox_android: "38" + - css.properties.display.ruby-base + - css.properties.display.ruby-base-container + - css.properties.display.ruby-text-container diff --git a/features/display-table.yml b/features/display-table.yml new file mode 100644 index 00000000000..04813b2a095 --- /dev/null +++ b/features/display-table.yml @@ -0,0 +1,16 @@ +name: "display: table" +description: "The `display: table` CSS declaration renders an element with the box layout of a `` HTML element. Child elements may use equivalents to `
    ` internal elements such as `display: table-row` for ``." +spec: https://drafts.csswg.org/css-display-3/#layout-specific-display +caniuse: css-table +group: css +compat_features: + - css.properties.display.table + - css.properties.display.table-caption + - css.properties.display.table-cell + - css.properties.display.table-column + - css.properties.display.table-column-group + - css.properties.display.table-footer-group + - css.properties.display.table-header-group + - css.properties.display.table-row + - css.properties.display.table-row-group + - css.properties.display.inline-table diff --git a/features/display-table.yml.dist b/features/display-table.yml.dist new file mode 100644 index 00000000000..0ca6387b9cd --- /dev/null +++ b/features/display-table.yml.dist @@ -0,0 +1,62 @@ +# Generated from: display-table.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2020-07-28 + baseline_high_date: 2023-01-28 + support: + chrome: ≤80 + chrome_android: "80" + edge: "80" + firefox: ≤72 + firefox_android: "79" + safari: ≤13.1 + safari_ios: ≤13.4 +compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.display.table + - css.properties.display.table-cell + - css.properties.display.table-column + - css.properties.display.table-column-group + - css.properties.display.table-footer-group + - css.properties.display.table-header-group + - css.properties.display.table-row + - css.properties.display.table-row-group + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "3" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.display.inline-table + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2020-07-28 + # baseline_high_date: 2023-01-28 + # support: + # chrome: ≤80 + # chrome_android: "80" + # edge: "80" + # firefox: ≤72 + # firefox_android: "79" + # safari: ≤13.1 + # safari_ios: ≤13.4 + - css.properties.display.table-caption diff --git a/features/display.yml b/features/display.yml new file mode 100644 index 00000000000..dbbf5ddd7ae --- /dev/null +++ b/features/display.yml @@ -0,0 +1,13 @@ +name: Display +description: The `display` CSS property sets the display behavior of an element's box within its layout and sets the layout behavior for its child elements. +spec: https://drafts.csswg.org/css-display-3/#the-display-properties +group: css +status: + compute_from: css.properties.display +compat_features: + - css.properties.display + - css.properties.display.none + - css.properties.display.none.option_is_hidden + - css.properties.display.block + - css.properties.display.inline + - css.properties.display.inline-block diff --git a/features/display.yml.dist b/features/display.yml.dist new file mode 100644 index 00000000000..c786b1aeb40 --- /dev/null +++ b/features/display.yml.dist @@ -0,0 +1,42 @@ +# Generated from: display.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.display + - css.properties.display.block + - css.properties.display.inline + - css.properties.display.inline-block + - css.properties.display.none + + # baseline: false + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "79" + # firefox: "1" + # firefox_android: "4" + - css.properties.display.none.option_is_hidden