From 7e74735f3648158051f58551f2dbeea0e295d270 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Thu, 15 Aug 2024 15:54:42 -0400 Subject: [PATCH 1/4] Add Opacity --- features/opacity.yml | 9 +++++++ features/opacity.yml.dist | 55 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+) create mode 100644 features/opacity.yml create mode 100644 features/opacity.yml.dist diff --git a/features/opacity.yml b/features/opacity.yml new file mode 100644 index 00000000000..d322bbbace8 --- /dev/null +++ b/features/opacity.yml @@ -0,0 +1,9 @@ +name: Opacity +description: The `opacity` CSS property and function control the transparency of an element. +spec: https://www.w3.org/TR/css-color-3/#transparency +caniuse: css-opacity +group: css +compat_features: + - css.properties.opacity + - css.properties.opacity.percentages + - css.types.filter-function.opacity diff --git a/features/opacity.yml.dist b/features/opacity.yml.dist new file mode 100644 index 00000000000..a0801231bc2 --- /dev/null +++ b/features/opacity.yml.dist @@ -0,0 +1,55 @@ +# Generated from: opacity.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: "78" + chrome_android: "78" + edge: "79" + firefox: "70" + 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: "2" + # safari_ios: "1" + - css.properties.opacity + + # baseline: high + # baseline_low_date: 2016-09-07 + # baseline_high_date: 2019-03-07 + # support: + # chrome: "18" + # chrome_android: "53" + # edge: "12" + # firefox: "35" + # firefox_android: "35" + # safari: "6" + # safari_ios: "6" + - css.types.filter-function.opacity + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2020-07-28 + # baseline_high_date: 2023-01-28 + # support: + # chrome: "78" + # chrome_android: "78" + # edge: "79" + # firefox: "70" + # firefox_android: "79" + # safari: "13.1" + # safari_ios: "13.4" + - css.properties.opacity.percentages From 9eb1a47296901e61a472f7e1bbbe48da732ffd78 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Thu, 15 Aug 2024 16:24:35 -0400 Subject: [PATCH 2/4] Use draft spec --- features/opacity.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/opacity.yml b/features/opacity.yml index d322bbbace8..29d4453c428 100644 --- a/features/opacity.yml +++ b/features/opacity.yml @@ -1,6 +1,6 @@ name: Opacity description: The `opacity` CSS property and function control the transparency of an element. -spec: https://www.w3.org/TR/css-color-3/#transparency +spec: https://drafts.csswg.org/css-color-3/#transparency caniuse: css-opacity group: css compat_features: From e46e0c8e1ba554c49d3bffe5742e524219d60dca Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Fri, 16 Aug 2024 11:25:48 -0400 Subject: [PATCH 3/4] Add transparent to opacity --- features/opacity.yml | 7 +++++-- features/opacity.yml.dist | 13 +++++++++++++ 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/features/opacity.yml b/features/opacity.yml index 29d4453c428..ca83721a1fe 100644 --- a/features/opacity.yml +++ b/features/opacity.yml @@ -1,9 +1,12 @@ name: Opacity -description: The `opacity` CSS property and function control the transparency of an element. -spec: https://drafts.csswg.org/css-color-3/#transparency +description: The `opacity` CSS property and function, and the `transparent` CSS color value control the transparency of an element. +spec: + - https://drafts.csswg.org/css-color-3/#transparency + - https://drafts.csswg.org/css-color-3/#transparent caniuse: css-opacity group: css compat_features: - css.properties.opacity - css.properties.opacity.percentages - css.types.filter-function.opacity + - css.types.color.transparent diff --git a/features/opacity.yml.dist b/features/opacity.yml.dist index a0801231bc2..b70a62a6172 100644 --- a/features/opacity.yml.dist +++ b/features/opacity.yml.dist @@ -27,6 +27,19 @@ compat_features: # safari_ios: "1" - css.properties.opacity + # 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: "3.1" + # safari_ios: "2" + - css.types.color.transparent + # baseline: high # baseline_low_date: 2016-09-07 # baseline_high_date: 2019-03-07 From 89d00fd783ff17826eb782daf0f0eb94167eefc8 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 21 Aug 2024 14:05:51 -0400 Subject: [PATCH 4/4] Remove separate features --- features/opacity.yml | 13 +++++------ features/opacity.yml.dist | 46 +++++++++------------------------------ 2 files changed, 15 insertions(+), 44 deletions(-) diff --git a/features/opacity.yml b/features/opacity.yml index ca83721a1fe..6bb8a05b3bf 100644 --- a/features/opacity.yml +++ b/features/opacity.yml @@ -1,12 +1,9 @@ -name: Opacity -description: The `opacity` CSS property and function, and the `transparent` CSS color value control the transparency of an element. -spec: - - https://drafts.csswg.org/css-color-3/#transparency - - https://drafts.csswg.org/css-color-3/#transparent -caniuse: css-opacity +name: opacity +description: The `opacity` CSS property sets the transparency of an element. +spec: https://drafts.csswg.org/css-color-3/#transparency group: css +status: + compute_from: css.properties.opacity compat_features: - css.properties.opacity - css.properties.opacity.percentages - - css.types.filter-function.opacity - - css.types.color.transparent diff --git a/features/opacity.yml.dist b/features/opacity.yml.dist index b70a62a6172..ffaba3b3225 100644 --- a/features/opacity.yml.dist +++ b/features/opacity.yml.dist @@ -3,17 +3,18 @@ status: baseline: high - baseline_low_date: 2020-07-28 - baseline_high_date: 2023-01-28 + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 support: - chrome: "78" - chrome_android: "78" - edge: "79" - firefox: "70" - firefox_android: "79" - safari: "13.1" - safari_ios: "13.4" + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "2" + safari_ios: "1" compat_features: + # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 @@ -27,33 +28,6 @@ compat_features: # safari_ios: "1" - css.properties.opacity - # 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: "3.1" - # safari_ios: "2" - - css.types.color.transparent - - # baseline: high - # baseline_low_date: 2016-09-07 - # baseline_high_date: 2019-03-07 - # support: - # chrome: "18" - # chrome_android: "53" - # edge: "12" - # firefox: "35" - # firefox_android: "35" - # safari: "6" - # safari_ios: "6" - - css.types.filter-function.opacity - - # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2020-07-28 # baseline_high_date: 2023-01-28