From a96e692818d99b5b04051a835429d8918bdbe38e Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 11:39:15 -0400 Subject: [PATCH 1/8] Add backgrounds group, background-attachment --- features/background-attachment.yml | 10 ++ features/background-attachment.yml.dist | 56 +++++++++++ features/background-clip-text.yml | 2 +- features/background-clip.yml | 2 +- features/draft/spec/css-backgrounds-3.yml | 93 ++++++++++--------- .../draft/spec/css-backgrounds-3.yml.dist | 80 ---------------- groups/background.yml | 3 + 7 files changed, 119 insertions(+), 127 deletions(-) create mode 100644 features/background-attachment.yml create mode 100644 features/background-attachment.yml.dist create mode 100644 groups/background.yml diff --git a/features/background-attachment.yml b/features/background-attachment.yml new file mode 100644 index 00000000000..9923a0f9984 --- /dev/null +++ b/features/background-attachment.yml @@ -0,0 +1,10 @@ +name: background-attachment +description: The `background-attachment` CSS property sets whether the background layers of an element move as the element scrolls. +spec: https://drafts.csswg.org/css-backgrounds-3/#the-background-attachment +group: background +caniuse: background-attachment +compat_features: + - css.properties.background-attachment + - css.properties.background-attachment.fixed + - css.properties.background-attachment.local + - css.properties.background-attachment.scroll diff --git a/features/background-attachment.yml.dist b/features/background-attachment.yml.dist new file mode 100644 index 00000000000..aa9db2cb82d --- /dev/null +++ b/features/background-attachment.yml.dist @@ -0,0 +1,56 @@ +# Generated from: background-attachment.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2022-03-14 + baseline_high_date: 2024-09-14 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "25" + firefox_android: "25" + safari: "15.4" + safari_ios: "15.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: "3.2" + - css.properties.background-attachment + - css.properties.background-attachment.scroll + + # baseline: high + # baseline_low_date: 2022-03-14 + # baseline_high_date: 2024-09-14 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "2" + # firefox_android: "4" + # safari: "15.4" + # safari_ios: "15.4" + - css.properties.background-attachment.fixed + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2022-03-14 + # baseline_high_date: 2024-09-14 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "25" + # firefox_android: "25" + # safari: "15.4" + # safari_ios: "15.4" + - css.properties.background-attachment.local diff --git a/features/background-clip-text.yml b/features/background-clip-text.yml index ced225fa1cc..b4368df37a8 100644 --- a/features/background-clip-text.yml +++ b/features/background-clip-text.yml @@ -2,4 +2,4 @@ name: "background-clip: text" description: "The `background-clip: text` CSS declaration draws the background underneath only the text in the element." spec: https://drafts.csswg.org/css-backgrounds-4/#background-clip -group: css +group: background diff --git a/features/background-clip.yml b/features/background-clip.yml index bec3f97faca..04363b0b82a 100644 --- a/features/background-clip.yml +++ b/features/background-clip.yml @@ -3,4 +3,4 @@ name: background-clip description: "The `background-clip` CSS property sets the extent of the background: the padding box, the content box, or the default border box." spec: https://drafts.csswg.org/css-backgrounds-3/#background-clip -group: css +group: background diff --git a/features/draft/spec/css-backgrounds-3.yml b/features/draft/spec/css-backgrounds-3.yml index 820189f695a..349cbc909ab 100644 --- a/features/draft/spec/css-backgrounds-3.yml +++ b/features/draft/spec/css-backgrounds-3.yml @@ -1,4 +1,4 @@ -draft_date: 2024-09-23 +draft_date: 2024-09-25 name: CSS Backgrounds and Borders Module Level 3 description: TODO spec: https://drafts.csswg.org/css-backgrounds-3/ @@ -35,54 +35,10 @@ compat_features: - css.properties.background-size.auto - css.properties.background-size.contain - css.properties.background-size.cover - - css.properties.border - - css.properties.border-bottom - - css.properties.border-bottom-color - - css.properties.border-bottom-left-radius - - css.properties.border-bottom-right-radius - - css.properties.border-bottom-style - - css.properties.border-bottom-width - - css.properties.border-color - css.properties.border-image-repeat.repeat - css.properties.border-image-repeat.stretch - css.properties.border-image-width.auto - - css.properties.border-left - - css.properties.border-left-color - - css.properties.border-left-style - - css.properties.border-left-width - - css.properties.border-radius - - css.properties.border-right - - css.properties.border-right-color - - css.properties.border-right-style - - css.properties.border-right-width - - css.properties.border-style - - css.properties.border-style.dashed - - css.properties.border-style.dotted - - css.properties.border-style.double - - css.properties.border-style.groove - - css.properties.border-style.hidden - - css.properties.border-style.inset - - css.properties.border-style.none - - css.properties.border-style.outset - - css.properties.border-style.ridge - - css.properties.border-style.solid - - css.properties.border-top - - css.properties.border-top-color - - css.properties.border-top-left-radius - - css.properties.border-top-right-radius - - css.properties.border-top-style - - css.properties.border-top-width - - css.properties.border-width - css.properties.box-shadow - - css.properties.outline-style.dashed - - css.properties.outline-style.dotted - - css.properties.outline-style.double - - css.properties.outline-style.groove - - css.properties.outline-style.inset - - css.properties.outline-style.none - - css.properties.outline-style.outset - - css.properties.outline-style.ridge - - css.properties.outline-style.solid - css.types.line-style # The following features in the spec are already part of web-features: @@ -93,6 +49,43 @@ compat_features: # - css.properties.background-clip.padding-box # - background-clip: text: # - css.properties.background-clip.text +# - Borders: +# - css.properties.border +# - css.properties.border-bottom +# - css.properties.border-bottom-color +# - css.properties.border-bottom-style +# - css.properties.border-bottom-width +# - css.properties.border-color +# - css.properties.border-left +# - css.properties.border-left-color +# - css.properties.border-left-style +# - css.properties.border-left-width +# - css.properties.border-right +# - css.properties.border-right-color +# - css.properties.border-right-style +# - css.properties.border-right-width +# - css.properties.border-style +# - css.properties.border-style.dashed +# - css.properties.border-style.dotted +# - css.properties.border-style.double +# - css.properties.border-style.groove +# - css.properties.border-style.hidden +# - css.properties.border-style.inset +# - css.properties.border-style.none +# - css.properties.border-style.outset +# - css.properties.border-style.ridge +# - css.properties.border-style.solid +# - css.properties.border-top +# - css.properties.border-top-color +# - css.properties.border-top-style +# - css.properties.border-top-width +# - css.properties.border-width +# - border-radius: +# - css.properties.border-bottom-left-radius +# - css.properties.border-bottom-right-radius +# - css.properties.border-radius +# - css.properties.border-top-left-radius +# - css.properties.border-top-right-radius # - Border images: # - css.properties.border-image # - css.properties.border-image-outset @@ -102,3 +95,13 @@ compat_features: # - css.properties.border-image-slice # - css.properties.border-image-source # - css.properties.border-image-width +# - Outlines: +# - css.properties.outline-style.dashed +# - css.properties.outline-style.dotted +# - css.properties.outline-style.double +# - css.properties.outline-style.groove +# - css.properties.outline-style.inset +# - css.properties.outline-style.none +# - css.properties.outline-style.outset +# - css.properties.outline-style.ridge +# - css.properties.outline-style.solid diff --git a/features/draft/spec/css-backgrounds-3.yml.dist b/features/draft/spec/css-backgrounds-3.yml.dist index 1965c1c2fb9..40729eed0fa 100644 --- a/features/draft/spec/css-backgrounds-3.yml.dist +++ b/features/draft/spec/css-backgrounds-3.yml.dist @@ -26,32 +26,6 @@ compat_features: - css.properties.background-repeat.repeat - css.properties.background-repeat.repeat-x - css.properties.background-repeat.repeat-y - - css.properties.border - - css.properties.border-bottom - - css.properties.border-bottom-color - - css.properties.border-bottom-style - - css.properties.border-bottom-width - - css.properties.border-color - - css.properties.border-left - - css.properties.border-left-color - - css.properties.border-left-width - - css.properties.border-right-color - - css.properties.border-right-width - - css.properties.border-style - - css.properties.border-style.dashed - - css.properties.border-style.dotted - - css.properties.border-style.double - - css.properties.border-style.groove - - css.properties.border-style.hidden - - css.properties.border-style.inset - - css.properties.border-style.none - - css.properties.border-style.outset - - css.properties.border-style.ridge - - css.properties.border-style.solid - - css.properties.border-top - - css.properties.border-top-color - - css.properties.border-top-style - - css.properties.border-top-width # baseline: high # baseline_low_date: 2015-07-29 @@ -64,7 +38,6 @@ compat_features: # firefox_android: "4" # safari: "1" # safari_ios: "3" - - css.properties.border-width - css.types.line-style # baseline: high @@ -81,42 +54,6 @@ compat_features: - css.properties.background-attachment - css.properties.background-attachment.scroll - # 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: "14" - # safari: "1" - # safari_ios: "1" - - css.properties.border-left-style - - css.properties.border-right - - css.properties.border-right-style - - # baseline: high - # baseline_low_date: 2015-07-29 - # baseline_high_date: 2018-01-29 - # support: - # chrome: "1" - # chrome_android: "18" - # edge: "12" - # firefox: "1.5" - # firefox_android: "4" - # safari: "1.2" - # safari_ios: "1" - - css.properties.outline-style.dashed - - css.properties.outline-style.dotted - - css.properties.outline-style.double - - css.properties.outline-style.groove - - css.properties.outline-style.inset - - css.properties.outline-style.none - - css.properties.outline-style.outset - - css.properties.outline-style.ridge - - css.properties.outline-style.solid - # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 @@ -160,23 +97,6 @@ compat_features: - css.properties.background-size.contain - css.properties.background-size.cover - # baseline: high - # baseline_low_date: 2015-07-29 - # baseline_high_date: 2018-01-29 - # support: - # chrome: "4" - # chrome_android: "18" - # edge: "12" - # firefox: "4" - # firefox_android: "4" - # safari: "5" - # safari_ios: "4.2" - - css.properties.border-bottom-left-radius - - css.properties.border-bottom-right-radius - - css.properties.border-radius - - css.properties.border-top-left-radius - - css.properties.border-top-right-radius - # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 diff --git a/groups/background.yml b/groups/background.yml new file mode 100644 index 00000000000..8d5d7f64309 --- /dev/null +++ b/groups/background.yml @@ -0,0 +1,3 @@ +name: Background +parent: css +#description: The background CSS properties set the display of the layers behind an element's main content. From 6acbe453133cd47f12ff64f17bbc9e9bf294718f Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 11:45:42 -0400 Subject: [PATCH 2/8] Add background-clip border-area --- features/background-clip-border-area.yml | 7 +++++++ features/background-clip-border-area.yml.dist | 8 ++++++++ 2 files changed, 15 insertions(+) create mode 100644 features/background-clip-border-area.yml create mode 100644 features/background-clip-border-area.yml.dist diff --git a/features/background-clip-border-area.yml b/features/background-clip-border-area.yml new file mode 100644 index 00000000000..a334575b48b --- /dev/null +++ b/features/background-clip-border-area.yml @@ -0,0 +1,7 @@ +# Note: This is a subfeature of background-clip and may eventually merge into that. +name: "background-clip: border-area" +description: "The `background-clip: border-area` CSS declaration draws the background underneath only the border of an element." +spec: https://drafts.csswg.org/css-backgrounds-4/#background-clip +group: background +compat_features: + - css.properties.background-clip.border-area \ No newline at end of file diff --git a/features/background-clip-border-area.yml.dist b/features/background-clip-border-area.yml.dist new file mode 100644 index 00000000000..eff127c32ea --- /dev/null +++ b/features/background-clip-border-area.yml.dist @@ -0,0 +1,8 @@ +# Generated from: background-clip-border-area.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + - css.properties.background-clip.border-area From 5132bd44c5ff7bf912b3a51db70bcbb0a594b4f4 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 11:58:07 -0400 Subject: [PATCH 3/8] Remove dupe keys --- features/background-clip-border-area.yml | 2 -- 1 file changed, 2 deletions(-) diff --git a/features/background-clip-border-area.yml b/features/background-clip-border-area.yml index a334575b48b..9bb2712ebca 100644 --- a/features/background-clip-border-area.yml +++ b/features/background-clip-border-area.yml @@ -3,5 +3,3 @@ name: "background-clip: border-area" description: "The `background-clip: border-area` CSS declaration draws the background underneath only the border of an element." spec: https://drafts.csswg.org/css-backgrounds-4/#background-clip group: background -compat_features: - - css.properties.background-clip.border-area \ No newline at end of file From 609603074d5be0ca46fc7d90d0ef4cdba65f51e6 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 12:10:57 -0400 Subject: [PATCH 4/8] Add background-repeat --- features/background-repeat.yml | 14 ++++++ features/background-repeat.yml.dist | 73 +++++++++++++++++++++++++++++ 2 files changed, 87 insertions(+) create mode 100644 features/background-repeat.yml create mode 100644 features/background-repeat.yml.dist diff --git a/features/background-repeat.yml b/features/background-repeat.yml new file mode 100644 index 00000000000..bab5f406285 --- /dev/null +++ b/features/background-repeat.yml @@ -0,0 +1,14 @@ +name: background-repeat +description: The `background-repeat` CSS property sets how a background image is tiled. +spec: https://drafts.csswg.org/css-backgrounds-3/#background-repeat +caniuse: background-repeat-round-space +compat_features: + - css.properties.background-repeat + - css.properties.background-repeat.multiple_backgrounds + - css.properties.background-repeat.no-repeat + - css.properties.background-repeat.repeat + - css.properties.background-repeat.repeat-x + - css.properties.background-repeat.repeat-y + - css.properties.background-repeat.round + - css.properties.background-repeat.space + - css.properties.background-repeat.2-value \ No newline at end of file diff --git a/features/background-repeat.yml.dist b/features/background-repeat.yml.dist new file mode 100644 index 00000000000..59d6e189e83 --- /dev/null +++ b/features/background-repeat.yml.dist @@ -0,0 +1,73 @@ +# Generated from: background-repeat.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2016-09-20 + baseline_high_date: 2019-03-20 + support: + chrome: "30" + chrome_android: "30" + edge: "12" + firefox: "49" + firefox_android: "49" + safari: "8" + safari_ios: "8" +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.background-repeat + - css.properties.background-repeat.no-repeat + - css.properties.background-repeat.repeat + - css.properties.background-repeat.repeat-x + - css.properties.background-repeat.repeat-y + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "3.6" + # firefox_android: "4" + # safari: "1.3" + # safari_ios: "1" + - css.properties.background-repeat.multiple_backgrounds + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "3" + # chrome_android: "18" + # edge: "12" + # firefox: "13" + # firefox_android: "14" + # safari: "5" + # safari_ios: "4" + - css.properties.background-repeat.2-value + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2016-09-20 + # baseline_high_date: 2019-03-20 + # support: + # chrome: "30" + # chrome_android: "30" + # edge: "12" + # firefox: "49" + # firefox_android: "49" + # safari: "8" + # safari_ios: "8" + - css.properties.background-repeat.round + - css.properties.background-repeat.space From 5a09c8619ac251a9970643350d90e8d85b181afa Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 12:32:21 -0400 Subject: [PATCH 5/8] Add background-size --- features/background-repeat.yml | 3 +- features/background-size.yml | 10 ++++++ features/background-size.yml.dist | 56 +++++++++++++++++++++++++++++++ 3 files changed, 68 insertions(+), 1 deletion(-) create mode 100644 features/background-size.yml create mode 100644 features/background-size.yml.dist diff --git a/features/background-repeat.yml b/features/background-repeat.yml index bab5f406285..38cefd6ab1b 100644 --- a/features/background-repeat.yml +++ b/features/background-repeat.yml @@ -2,6 +2,7 @@ name: background-repeat description: The `background-repeat` CSS property sets how a background image is tiled. spec: https://drafts.csswg.org/css-backgrounds-3/#background-repeat caniuse: background-repeat-round-space +group: background compat_features: - css.properties.background-repeat - css.properties.background-repeat.multiple_backgrounds @@ -11,4 +12,4 @@ compat_features: - css.properties.background-repeat.repeat-y - css.properties.background-repeat.round - css.properties.background-repeat.space - - css.properties.background-repeat.2-value \ No newline at end of file + - css.properties.background-repeat.2-value diff --git a/features/background-size.yml b/features/background-size.yml new file mode 100644 index 00000000000..6e33b60e27f --- /dev/null +++ b/features/background-size.yml @@ -0,0 +1,10 @@ +name: background-size +description: The `background-size` CSS property sets the size of a background layer with the `contain` and `cover` keywords, or with a length or percentage. +spec: https://drafts.csswg.org/css-backgrounds-3/#background-size +group: background +compat_features: + - css.properties.background-size + - css.properties.background-size.auto + - css.properties.background-size.contain + - css.properties.background-size.cover + - css.properties.background.background-size diff --git a/features/background-size.yml.dist b/features/background-size.yml.dist new file mode 100644 index 00000000000..33fbdebeef3 --- /dev/null +++ b/features/background-size.yml.dist @@ -0,0 +1,56 @@ +# Generated from: background-size.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: "21" + chrome_android: "25" + edge: "12" + firefox: ≤72 + firefox_android: "79" + safari: "5.1" + safari_ios: "4.2" +compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "3" + # chrome_android: "18" + # edge: "12" + # firefox: "4" + # firefox_android: "4" + # safari: "5" + # safari_ios: "4.2" + - css.properties.background-size + - css.properties.background-size.contain + - css.properties.background-size.cover + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "21" + # chrome_android: "25" + # edge: "12" + # firefox: "9" + # firefox_android: "18" + # safari: "5.1" + # safari_ios: "4" + - css.properties.background.background-size + + # baseline: high + # baseline_low_date: 2020-07-28 + # baseline_high_date: 2023-01-28 + # support: + # chrome: "3" + # chrome_android: "18" + # edge: "12" + # firefox: ≤72 + # firefox_android: "79" + # safari: "5" + # safari_ios: "4.2" + - css.properties.background-size.auto From e6b6ea368afb62bf80da86a4bfb3240c0298fe05 Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 12:41:44 -0400 Subject: [PATCH 6/8] Add background and background-color --- features/background-color.yml | 6 ++++++ features/background-color.yml.dist | 17 +++++++++++++++++ features/background.yml | 6 ++++++ features/background.yml.dist | 17 +++++++++++++++++ 4 files changed, 46 insertions(+) create mode 100644 features/background-color.yml create mode 100644 features/background-color.yml.dist create mode 100644 features/background.yml create mode 100644 features/background.yml.dist diff --git a/features/background-color.yml b/features/background-color.yml new file mode 100644 index 00000000000..1850c59e9e9 --- /dev/null +++ b/features/background-color.yml @@ -0,0 +1,6 @@ +name: background-color +description: The `background-color` CSS property sets the fill color of an element, behind any content and background layers. +spec: https://drafts.csswg.org/css-backgrounds-3/#background-color +group: background +compat_features: + - css.properties.background-color diff --git a/features/background-color.yml.dist b/features/background-color.yml.dist new file mode 100644 index 00000000000..25d050f9e98 --- /dev/null +++ b/features/background-color.yml.dist @@ -0,0 +1,17 @@ +# Generated from: background-color.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.properties.background-color diff --git a/features/background.yml b/features/background.yml new file mode 100644 index 00000000000..111c038d803 --- /dev/null +++ b/features/background.yml @@ -0,0 +1,6 @@ +name: background +description: The `background` CSS property is a shorthand that sets the properties of the background layers of an element. +spec: https://drafts.csswg.org/css-backgrounds-3/#background +group: background +compat_features: + - css.properties.background diff --git a/features/background.yml.dist b/features/background.yml.dist new file mode 100644 index 00000000000..849cb4dd74e --- /dev/null +++ b/features/background.yml.dist @@ -0,0 +1,17 @@ +# Generated from: background.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.properties.background From f26331e7fa58d69f6ad25c156475929d7a15249e Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Wed, 25 Sep 2024 12:43:43 -0400 Subject: [PATCH 7/8] Undo draft changes --- features/draft/spec/css-backgrounds-3.yml | 93 +++++++++---------- .../draft/spec/css-backgrounds-3.yml.dist | 80 ++++++++++++++++ 2 files changed, 125 insertions(+), 48 deletions(-) diff --git a/features/draft/spec/css-backgrounds-3.yml b/features/draft/spec/css-backgrounds-3.yml index 349cbc909ab..820189f695a 100644 --- a/features/draft/spec/css-backgrounds-3.yml +++ b/features/draft/spec/css-backgrounds-3.yml @@ -1,4 +1,4 @@ -draft_date: 2024-09-25 +draft_date: 2024-09-23 name: CSS Backgrounds and Borders Module Level 3 description: TODO spec: https://drafts.csswg.org/css-backgrounds-3/ @@ -35,10 +35,54 @@ compat_features: - css.properties.background-size.auto - css.properties.background-size.contain - css.properties.background-size.cover + - css.properties.border + - css.properties.border-bottom + - css.properties.border-bottom-color + - css.properties.border-bottom-left-radius + - css.properties.border-bottom-right-radius + - css.properties.border-bottom-style + - css.properties.border-bottom-width + - css.properties.border-color - css.properties.border-image-repeat.repeat - css.properties.border-image-repeat.stretch - css.properties.border-image-width.auto + - css.properties.border-left + - css.properties.border-left-color + - css.properties.border-left-style + - css.properties.border-left-width + - css.properties.border-radius + - css.properties.border-right + - css.properties.border-right-color + - css.properties.border-right-style + - css.properties.border-right-width + - css.properties.border-style + - css.properties.border-style.dashed + - css.properties.border-style.dotted + - css.properties.border-style.double + - css.properties.border-style.groove + - css.properties.border-style.hidden + - css.properties.border-style.inset + - css.properties.border-style.none + - css.properties.border-style.outset + - css.properties.border-style.ridge + - css.properties.border-style.solid + - css.properties.border-top + - css.properties.border-top-color + - css.properties.border-top-left-radius + - css.properties.border-top-right-radius + - css.properties.border-top-style + - css.properties.border-top-width + - css.properties.border-width - css.properties.box-shadow + - css.properties.outline-style.dashed + - css.properties.outline-style.dotted + - css.properties.outline-style.double + - css.properties.outline-style.groove + - css.properties.outline-style.inset + - css.properties.outline-style.none + - css.properties.outline-style.outset + - css.properties.outline-style.ridge + - css.properties.outline-style.solid - css.types.line-style # The following features in the spec are already part of web-features: @@ -49,43 +93,6 @@ compat_features: # - css.properties.background-clip.padding-box # - background-clip: text: # - css.properties.background-clip.text -# - Borders: -# - css.properties.border -# - css.properties.border-bottom -# - css.properties.border-bottom-color -# - css.properties.border-bottom-style -# - css.properties.border-bottom-width -# - css.properties.border-color -# - css.properties.border-left -# - css.properties.border-left-color -# - css.properties.border-left-style -# - css.properties.border-left-width -# - css.properties.border-right -# - css.properties.border-right-color -# - css.properties.border-right-style -# - css.properties.border-right-width -# - css.properties.border-style -# - css.properties.border-style.dashed -# - css.properties.border-style.dotted -# - css.properties.border-style.double -# - css.properties.border-style.groove -# - css.properties.border-style.hidden -# - css.properties.border-style.inset -# - css.properties.border-style.none -# - css.properties.border-style.outset -# - css.properties.border-style.ridge -# - css.properties.border-style.solid -# - css.properties.border-top -# - css.properties.border-top-color -# - css.properties.border-top-style -# - css.properties.border-top-width -# - css.properties.border-width -# - border-radius: -# - css.properties.border-bottom-left-radius -# - css.properties.border-bottom-right-radius -# - css.properties.border-radius -# - css.properties.border-top-left-radius -# - css.properties.border-top-right-radius # - Border images: # - css.properties.border-image # - css.properties.border-image-outset @@ -95,13 +102,3 @@ compat_features: # - css.properties.border-image-slice # - css.properties.border-image-source # - css.properties.border-image-width -# - Outlines: -# - css.properties.outline-style.dashed -# - css.properties.outline-style.dotted -# - css.properties.outline-style.double -# - css.properties.outline-style.groove -# - css.properties.outline-style.inset -# - css.properties.outline-style.none -# - css.properties.outline-style.outset -# - css.properties.outline-style.ridge -# - css.properties.outline-style.solid diff --git a/features/draft/spec/css-backgrounds-3.yml.dist b/features/draft/spec/css-backgrounds-3.yml.dist index 40729eed0fa..1965c1c2fb9 100644 --- a/features/draft/spec/css-backgrounds-3.yml.dist +++ b/features/draft/spec/css-backgrounds-3.yml.dist @@ -26,6 +26,32 @@ compat_features: - css.properties.background-repeat.repeat - css.properties.background-repeat.repeat-x - css.properties.background-repeat.repeat-y + - css.properties.border + - css.properties.border-bottom + - css.properties.border-bottom-color + - css.properties.border-bottom-style + - css.properties.border-bottom-width + - css.properties.border-color + - css.properties.border-left + - css.properties.border-left-color + - css.properties.border-left-width + - css.properties.border-right-color + - css.properties.border-right-width + - css.properties.border-style + - css.properties.border-style.dashed + - css.properties.border-style.dotted + - css.properties.border-style.double + - css.properties.border-style.groove + - css.properties.border-style.hidden + - css.properties.border-style.inset + - css.properties.border-style.none + - css.properties.border-style.outset + - css.properties.border-style.ridge + - css.properties.border-style.solid + - css.properties.border-top + - css.properties.border-top-color + - css.properties.border-top-style + - css.properties.border-top-width # baseline: high # baseline_low_date: 2015-07-29 @@ -38,6 +64,7 @@ compat_features: # firefox_android: "4" # safari: "1" # safari_ios: "3" + - css.properties.border-width - css.types.line-style # baseline: high @@ -54,6 +81,42 @@ compat_features: - css.properties.background-attachment - css.properties.background-attachment.scroll + # 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: "14" + # safari: "1" + # safari_ios: "1" + - css.properties.border-left-style + - css.properties.border-right + - css.properties.border-right-style + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1.5" + # firefox_android: "4" + # safari: "1.2" + # safari_ios: "1" + - css.properties.outline-style.dashed + - css.properties.outline-style.dotted + - css.properties.outline-style.double + - css.properties.outline-style.groove + - css.properties.outline-style.inset + - css.properties.outline-style.none + - css.properties.outline-style.outset + - css.properties.outline-style.ridge + - css.properties.outline-style.solid + # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 @@ -97,6 +160,23 @@ compat_features: - css.properties.background-size.contain - css.properties.background-size.cover + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "4" + # chrome_android: "18" + # edge: "12" + # firefox: "4" + # firefox_android: "4" + # safari: "5" + # safari_ios: "4.2" + - css.properties.border-bottom-left-radius + - css.properties.border-bottom-right-radius + - css.properties.border-radius + - css.properties.border-top-left-radius + - css.properties.border-top-right-radius + # baseline: high # baseline_low_date: 2015-07-29 # baseline_high_date: 2018-01-29 From 45861688fd97c8a2db150ee9b3335209308e4c6a Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Mon, 7 Oct 2024 16:10:05 -0400 Subject: [PATCH 8/8] Review --- features/background-attachment.yml | 2 +- features/background-color.yml | 2 +- features/background-size.yml | 2 +- features/background.yml | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/features/background-attachment.yml b/features/background-attachment.yml index 9923a0f9984..69fa6765f41 100644 --- a/features/background-attachment.yml +++ b/features/background-attachment.yml @@ -1,5 +1,5 @@ name: background-attachment -description: The `background-attachment` CSS property sets whether the background layers of an element move as the element scrolls. +description: The `background-attachment` CSS property sets whether an element's background image or gradient moves as the element scrolls. spec: https://drafts.csswg.org/css-backgrounds-3/#the-background-attachment group: background caniuse: background-attachment diff --git a/features/background-color.yml b/features/background-color.yml index 1850c59e9e9..8011da217c3 100644 --- a/features/background-color.yml +++ b/features/background-color.yml @@ -1,5 +1,5 @@ name: background-color -description: The `background-color` CSS property sets the fill color of an element, behind any content and background layers. +description: The `background-color` CSS property sets the fill color of an element, behind any content and background images or gradients. spec: https://drafts.csswg.org/css-backgrounds-3/#background-color group: background compat_features: diff --git a/features/background-size.yml b/features/background-size.yml index 6e33b60e27f..c716f3f1efd 100644 --- a/features/background-size.yml +++ b/features/background-size.yml @@ -1,5 +1,5 @@ name: background-size -description: The `background-size` CSS property sets the size of a background layer with the `contain` and `cover` keywords, or with a length or percentage. +description: The `background-size` CSS property scales or stretches a background based on the size of the element (with the `contain` and `cover` keywords), a length, or percentage. spec: https://drafts.csswg.org/css-backgrounds-3/#background-size group: background compat_features: diff --git a/features/background.yml b/features/background.yml index 111c038d803..be6a9fe9c17 100644 --- a/features/background.yml +++ b/features/background.yml @@ -1,5 +1,5 @@ name: background -description: The `background` CSS property is a shorthand that sets the properties of the background layers of an element. +description: The `background` CSS property is a shorthand that sets several background properties at once. spec: https://drafts.csswg.org/css-backgrounds-3/#background group: background compat_features: