diff --git a/features/all.yml b/features/all.yml new file mode 100644 index 00000000000..5a381b67b80 --- /dev/null +++ b/features/all.yml @@ -0,0 +1,7 @@ +name: all +description: The `all` CSS property is a shorthand for all CSS properties, except for `direction` and `unicode-bidi`. It accepts only the keywords for explicit defaulting (such as `initial` and `inherit`), since they are the only values supported on all CSS properties. +spec: https://drafts.csswg.org/css-cascade-6/ +group: explicit-defaults +caniuse: css-all +compat_features: + - css.properties.all diff --git a/features/all.yml.dist b/features/all.yml.dist new file mode 100644 index 00000000000..a8e8bef6119 --- /dev/null +++ b/features/all.yml.dist @@ -0,0 +1,17 @@ +# Generated from: all.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: "37" + chrome_android: "37" + edge: "79" + firefox: "27" + firefox_android: "27" + safari: "9.1" + safari_ios: "9.3" +compat_features: + - css.properties.all diff --git a/features/cascade-layers.yml b/features/cascade-layers.yml index 799da5245d1..d938aaf032e 100644 --- a/features/cascade-layers.yml +++ b/features/cascade-layers.yml @@ -1,5 +1,15 @@ name: Cascade layers description: The `@layer` CSS at-rule avoids specificity conflicts by providing priority levels for different groups of CSS rules, such as low-priority styles like resets, and high-priority styles like UI components. -spec: https://drafts.csswg.org/css-cascade-5/#layering +spec: https://drafts.csswg.org/css-cascade-5/ group: css caniuse: css-cascade-layers +compat_features: + - api.CSSImportRule.layerName + - api.CSSLayerBlockRule + - api.CSSLayerBlockRule.name + - api.CSSLayerStatementRule + - api.CSSLayerStatementRule.nameList + - css.at-rules.import.layer + - css.at-rules.layer + # revert-layer would ideally be grouped with both cascade-layers and explicit-defaults + - css.types.global_keywords.revert-layer diff --git a/features/cascade-layers.yml.dist b/features/cascade-layers.yml.dist index 121039e70b5..a1b2abbb031 100644 --- a/features/cascade-layers.yml.dist +++ b/features/cascade-layers.yml.dist @@ -21,3 +21,4 @@ compat_features: - api.CSSLayerStatementRule.nameList - css.at-rules.import.layer - css.at-rules.layer + - css.types.global_keywords.revert-layer diff --git a/features/draft/spec/css-cascade-6.yml b/features/draft/spec/css-cascade-6.yml index 76152558037..696b7a11ed7 100644 --- a/features/draft/spec/css-cascade-6.yml +++ b/features/draft/spec/css-cascade-6.yml @@ -7,7 +7,6 @@ compat_features: - css.types.global_keywords.inherit - css.types.global_keywords.initial - css.types.global_keywords.revert - - css.types.global_keywords.revert-layer - css.types.global_keywords.unset # The following features in the spec are already part of web-features: @@ -18,6 +17,7 @@ compat_features: # - api.CSSLayerStatementRule.nameList # - css.at-rules.import.layer # - css.at-rules.layer +# - css.types.global_keywords.revert-layer # - @scope: # - api.CSSScopeRule # - api.CSSScopeRule.end diff --git a/features/draft/spec/css-cascade-6.yml.dist b/features/draft/spec/css-cascade-6.yml.dist index ab7c24207d9..e166b943161 100644 --- a/features/draft/spec/css-cascade-6.yml.dist +++ b/features/draft/spec/css-cascade-6.yml.dist @@ -3,16 +3,16 @@ status: baseline: high - baseline_low_date: 2022-03-14 - baseline_high_date: 2024-09-14 + baseline_low_date: 2020-07-27 + baseline_high_date: 2023-01-27 support: - chrome: "99" - chrome_android: "99" - edge: "99" - firefox: "97" - firefox_android: "97" - safari: "15.4" - safari_ios: "15.4" + chrome: "84" + chrome_android: "84" + edge: "84" + firefox: "67" + firefox_android: "67" + safari: "9.1" + safari_ios: "9.3" compat_features: # baseline: high # baseline_low_date: 2015-07-29 @@ -66,6 +66,7 @@ compat_features: # safari_ios: "9.3" - css.properties.all + # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2020-07-27 # baseline_high_date: 2023-01-27 @@ -78,17 +79,3 @@ compat_features: # safari: "9.1" # safari_ios: "9.3" - css.types.global_keywords.revert - - # ⬇️ Same status as overall feature ⬇️ - # baseline: high - # baseline_low_date: 2022-03-14 - # baseline_high_date: 2024-09-14 - # support: - # chrome: "99" - # chrome_android: "99" - # edge: "99" - # firefox: "97" - # firefox_android: "97" - # safari: "15.4" - # safari_ios: "15.4" - - css.types.global_keywords.revert-layer diff --git a/features/inherit-value.yml b/features/inherit-value.yml new file mode 100644 index 00000000000..8f81143c7db --- /dev/null +++ b/features/inherit-value.yml @@ -0,0 +1,6 @@ +name: inherit +description: The `inherit` keyword resets any CSS property to the computed value of that property from the parent element. +group: explicit-defaults +spec: https://drafts.csswg.org/css-cascade-3/#inherit +compat_features: + - css.types.global_keywords.inherit diff --git a/features/inherit-value.yml.dist b/features/inherit-value.yml.dist new file mode 100644 index 00000000000..a95f3d632bd --- /dev/null +++ b/features/inherit-value.yml.dist @@ -0,0 +1,17 @@ +# Generated from: inherit-value.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: + - css.types.global_keywords.inherit diff --git a/features/initial-value.yml b/features/initial-value.yml new file mode 100644 index 00000000000..90fea84204c --- /dev/null +++ b/features/initial-value.yml @@ -0,0 +1,7 @@ +name: initial +description: The `initial` keyword resets any CSS property to its initial value as defined by the specification. For example, the `initial` value of the `display` property is `inline`, regardless of the element being styled. Not to be confused with `revert`, which resets to the user or browser default style. +group: explicit-defaults +spec: https://drafts.csswg.org/css-cascade-3/#initial +caniuse: css-initial-value +compat_features: + - css.types.global_keywords.initial diff --git a/features/initial-value.yml.dist b/features/initial-value.yml.dist new file mode 100644 index 00000000000..0f39b41a6b8 --- /dev/null +++ b/features/initial-value.yml.dist @@ -0,0 +1,17 @@ +# Generated from: initial-value.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-11-12 + baseline_high_date: 2018-05-12 + support: + chrome: "1" + chrome_android: "18" + edge: "13" + firefox: "19" + firefox_android: "19" + safari: "1.2" + safari_ios: "1" +compat_features: + - css.types.global_keywords.initial diff --git a/features/revert-value.yml b/features/revert-value.yml new file mode 100644 index 00000000000..37e762e98c9 --- /dev/null +++ b/features/revert-value.yml @@ -0,0 +1,7 @@ +name: revert +description: "The `revert` CSS keyword resets any property to its previous default, provided by either the user or browser stylesheets. For example, setting `display: revert` on a `
` will likely result in `display: block`, the browser default style. This is often confused with `initial`." +group: explicit-defaults +spec: https://drafts.csswg.org/css-cascade-4/#default +caniuse: css-revert-value +compat_features: + - css.types.global_keywords.revert diff --git a/features/revert-value.yml.dist b/features/revert-value.yml.dist new file mode 100644 index 00000000000..e1c62e64898 --- /dev/null +++ b/features/revert-value.yml.dist @@ -0,0 +1,17 @@ +# Generated from: revert-value.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2020-07-27 + baseline_high_date: 2023-01-27 + support: + chrome: "84" + chrome_android: "84" + edge: "84" + firefox: "67" + firefox_android: "67" + safari: "9.1" + safari_ios: "9.3" +compat_features: + - css.types.global_keywords.revert diff --git a/features/unset-value.yml b/features/unset-value.yml new file mode 100644 index 00000000000..2aae275a1e0 --- /dev/null +++ b/features/unset-value.yml @@ -0,0 +1,7 @@ +name: unset +description: The `unset` keyword resets any CSS property, removing any values previously set by the author, user, or browser. Inherited properties (like `color`) reset to the parent element's computed value. Non-inherited properties (like `display`) reset to the specified initial value (`inline`). +group: explicit-defaults +spec: https://drafts.csswg.org/css-cascade-3/#inherit-initial +caniuse: css-unset-value +compat_features: + - css.types.global_keywords.unset diff --git a/features/unset-value.yml.dist b/features/unset-value.yml.dist new file mode 100644 index 00000000000..9b042c415cb --- /dev/null +++ b/features/unset-value.yml.dist @@ -0,0 +1,17 @@ +# Generated from: unset-value.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2016-03-21 + baseline_high_date: 2018-09-21 + support: + chrome: "41" + chrome_android: "41" + edge: "13" + firefox: "27" + firefox_android: "27" + safari: "9.1" + safari_ios: "9.3" +compat_features: + - css.types.global_keywords.unset diff --git a/groups/explicit-defaults.yml b/groups/explicit-defaults.yml new file mode 100644 index 00000000000..ee618cd83c1 --- /dev/null +++ b/groups/explicit-defaults.yml @@ -0,0 +1,3 @@ +# https://drafts.csswg.org/css-cascade/ +name: Explicit defaults +parent: css