From 63b7773fa1c61e8b1ed7400bb0c8d2dbf042137a Mon Sep 17 00:00:00 2001 From: SondraE Date: Wed, 16 Oct 2024 13:37:01 -0600 Subject: [PATCH 1/4] add text emphasis --- features/text-emphasis.yml | 16 +++++++++++ features/text-emphasis.yml.dist | 51 +++++++++++++++++++++++++++++++++ 2 files changed, 67 insertions(+) create mode 100644 features/text-emphasis.yml create mode 100644 features/text-emphasis.yml.dist diff --git a/features/text-emphasis.yml b/features/text-emphasis.yml new file mode 100644 index 00000000000..53336cdaa77 --- /dev/null +++ b/features/text-emphasis.yml @@ -0,0 +1,16 @@ +name: text-emphasis +description: The `text-emphasis` CSS property sets position and style for text emphasis marks, especially for East Asian languages. +spec: https://drafts.csswg.org/css-text-decor-4/#text-emphasis-property +caniuse: text-emphasis +compat_features: + - css.properties.text-emphasis + - css.properties.text-emphasis-color + - css.properties.text-emphasis-position + - css.properties.text-emphasis-style + - css.properties.text-emphasis-style.circle + - css.properties.text-emphasis-style.dot + - css.properties.text-emphasis-style.double-circle + - css.properties.text-emphasis-style.filled + - css.properties.text-emphasis-style.none + - css.properties.text-emphasis-style.sesame + - css.properties.text-emphasis-style.triangle diff --git a/features/text-emphasis.yml.dist b/features/text-emphasis.yml.dist new file mode 100644 index 00000000000..5f18cb14be7 --- /dev/null +++ b/features/text-emphasis.yml.dist @@ -0,0 +1,51 @@ +# Generated from: text-emphasis.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2022-03-03 + baseline_high_date: 2024-09-03 + support: + chrome: "99" + chrome_android: "99" + edge: "99" + firefox: ≤72 + firefox_android: "79" + safari: ≤13.1 + safari_ios: ≤13.4 +compat_features: + # baseline: high + # baseline_low_date: 2022-03-03 + # baseline_high_date: 2024-09-03 + # support: + # chrome: "99" + # chrome_android: "99" + # edge: "99" + # firefox: "46" + # firefox_android: "46" + # safari: "7" + # safari_ios: "7" + - css.properties.text-emphasis + - css.properties.text-emphasis-color + - css.properties.text-emphasis-position + - css.properties.text-emphasis-style + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2022-03-03 + # baseline_high_date: 2024-09-03 + # support: + # chrome: "99" + # chrome_android: "99" + # edge: "99" + # firefox: ≤72 + # firefox_android: "79" + # safari: ≤13.1 + # safari_ios: ≤13.4 + - css.properties.text-emphasis-style.circle + - css.properties.text-emphasis-style.dot + - css.properties.text-emphasis-style.double-circle + - css.properties.text-emphasis-style.filled + - css.properties.text-emphasis-style.none + - css.properties.text-emphasis-style.sesame + - css.properties.text-emphasis-style.triangle From e1f107cd8443bbe9cea155ae430fcbe370264be6 Mon Sep 17 00:00:00 2001 From: SondraE Date: Wed, 16 Oct 2024 13:55:25 -0600 Subject: [PATCH 2/4] add text decoration --- features/text-decoration.yml | 27 +++++++ features/text-decoration.yml.dist | 119 ++++++++++++++++++++++++++++++ 2 files changed, 146 insertions(+) create mode 100644 features/text-decoration.yml create mode 100644 features/text-decoration.yml.dist diff --git a/features/text-decoration.yml b/features/text-decoration.yml new file mode 100644 index 00000000000..a5d68804303 --- /dev/null +++ b/features/text-decoration.yml @@ -0,0 +1,27 @@ +name: text-decoration +description: The `text-decoration` CSS property sets, styles, or breaks an underline, overline, line-through, or a combination of lines on selected text. +spec: https://drafts.csswg.org/css-text-decor-4/#line-decoration +caniuse: text-decoration +status: + compute_from: css.properties.text-decoration +compat_features: + - css.properties.text-decoration + - css.properties.text-decoration-color + - css.properties.text-decoration-line + - css.properties.text-decoration-line.grammar-error + - css.properties.text-decoration-line.line-through + - css.properties.text-decoration-line.none + - css.properties.text-decoration-line.overline + - css.properties.text-decoration-line.spelling-error + - css.properties.text-decoration-line.underline + - css.properties.text-decoration-skip + - css.properties.text-decoration-skip-ink + - css.properties.text-decoration-skip-ink.all + - css.properties.text-decoration-skip-ink.auto + - css.properties.text-decoration-skip-ink.none + - css.properties.text-decoration-skip.auto + - css.properties.text-decoration-skip.none + - css.properties.text-decoration-style + - css.properties.text-decoration-thickness + - css.properties.text-decoration-thickness.auto + - css.properties.text-decoration-thickness.from-font diff --git a/features/text-decoration.yml.dist b/features/text-decoration.yml.dist new file mode 100644 index 00000000000..919abc3ce20 --- /dev/null +++ b/features/text-decoration.yml.dist @@ -0,0 +1,119 @@ +# Generated from: text-decoration.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.text-decoration + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "57" + # chrome_android: "57" + # edge: "79" + # firefox: "36" + # firefox_android: "36" + # safari: "12.1" + # safari_ios: "12.2" + - css.properties.text-decoration-color + - css.properties.text-decoration-line + - css.properties.text-decoration-style + + # baseline: high + # baseline_low_date: 2020-07-28 + # baseline_high_date: 2023-01-28 + # support: + # chrome: ≤83 + # chrome_android: "83" + # edge: "83" + # firefox: ≤72 + # firefox_android: "79" + # safari: ≤13.1 + # safari_ios: ≤13.4 + - css.properties.text-decoration-line.line-through + - css.properties.text-decoration-line.none + - css.properties.text-decoration-line.overline + - css.properties.text-decoration-line.underline + + # baseline: high + # baseline_low_date: 2021-03-04 + # baseline_high_date: 2023-09-04 + # support: + # chrome: "89" + # chrome_android: "89" + # edge: "89" + # firefox: "70" + # firefox_android: "79" + # safari: "12.1" + # safari_ios: "12.2" + - css.properties.text-decoration-thickness + - css.properties.text-decoration-thickness.auto + - css.properties.text-decoration-thickness.from-font + + # baseline: high + # baseline_low_date: 2022-03-14 + # baseline_high_date: 2024-09-14 + # support: + # chrome: "64" + # chrome_android: "64" + # edge: "79" + # firefox: "70" + # firefox_android: "79" + # safari: "15.4" + # safari_ios: "15.4" + - css.properties.text-decoration-skip-ink + - css.properties.text-decoration-skip-ink.auto + - css.properties.text-decoration-skip-ink.none + + # baseline: false + # support: + # firefox: "75" + # firefox_android: "79" + # safari: "15.4" + # safari_ios: "15.4" + - css.properties.text-decoration-skip-ink.all + + # baseline: false + # support: + # chrome: "121" + # chrome_android: "121" + # edge: "121" + - css.properties.text-decoration-line.grammar-error + - css.properties.text-decoration-line.spelling-error + + # baseline: false + # support: + # safari: "12.1" + # safari_ios: "12.2" + - css.properties.text-decoration-skip + + # baseline: false + # support: + # safari: ≤13.1 + # safari_ios: ≤13.4 + - css.properties.text-decoration-skip.auto + - css.properties.text-decoration-skip.none From de1a6427621839f154f7bc57045c840bab6bccf9 Mon Sep 17 00:00:00 2001 From: SondraE Date: Wed, 16 Oct 2024 16:19:31 -0600 Subject: [PATCH 3/4] update text decoration --- features/text-decoration.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features/text-decoration.yml b/features/text-decoration.yml index a5d68804303..48acb5cba9e 100644 --- a/features/text-decoration.yml +++ b/features/text-decoration.yml @@ -1,5 +1,5 @@ name: text-decoration -description: The `text-decoration` CSS property sets, styles, or breaks an underline, overline, line-through, or a combination of lines on selected text. +description: The `text-decoration` CSS property sets the style and color of decorative lines including underline, overline, line-through, or a combination of lines. spec: https://drafts.csswg.org/css-text-decor-4/#line-decoration caniuse: text-decoration status: From ce3b109dccdfd92bdc18ca3851a12ed5e1cc18ec Mon Sep 17 00:00:00 2001 From: James Stuckey Weber Date: Fri, 18 Oct 2024 09:36:45 -0400 Subject: [PATCH 4/4] Add missing keys --- features/text-decoration.yml | 4 ++++ features/text-decoration.yml.dist | 31 ++++++++++++++++++++++++++ features/text-emphasis.yml | 6 +++++ features/text-emphasis.yml.dist | 37 ++++++++++++++++++++++++++----- 4 files changed, 73 insertions(+), 5 deletions(-) diff --git a/features/text-decoration.yml b/features/text-decoration.yml index 48acb5cba9e..11bc204a750 100644 --- a/features/text-decoration.yml +++ b/features/text-decoration.yml @@ -22,6 +22,10 @@ compat_features: - css.properties.text-decoration-skip.auto - css.properties.text-decoration-skip.none - css.properties.text-decoration-style + - css.properties.text-decoration-style.wavy - css.properties.text-decoration-thickness - css.properties.text-decoration-thickness.auto - css.properties.text-decoration-thickness.from-font + - css.properties.text-decoration-thickness.percentage + - css.properties.text-decoration.includes_color-and-style + - css.properties.text-decoration.includes_thickness diff --git a/features/text-decoration.yml.dist b/features/text-decoration.yml.dist index 919abc3ce20..1ef05e40a6a 100644 --- a/features/text-decoration.yml.dist +++ b/features/text-decoration.yml.dist @@ -42,6 +42,7 @@ compat_features: - css.properties.text-decoration-color - css.properties.text-decoration-line - css.properties.text-decoration-style + - css.properties.text-decoration-style.wavy # baseline: high # baseline_low_date: 2020-07-28 @@ -89,6 +90,36 @@ compat_features: - css.properties.text-decoration-skip-ink.auto - css.properties.text-decoration-skip-ink.none + # baseline: low + # baseline_low_date: 2024-03-05 + # support: + # chrome: "89" + # chrome_android: "89" + # edge: "89" + # firefox: "74" + # firefox_android: "79" + # safari: "17.4" + # safari_ios: "17.4" + - css.properties.text-decoration-thickness.percentage + + # baseline: false + # support: + # chrome: "57" + # chrome_android: "57" + # edge: "79" + # firefox: "6" + # firefox_android: "6" + - css.properties.text-decoration.includes_color-and-style + + # baseline: false + # support: + # chrome: "87" + # chrome_android: "87" + # edge: "87" + # firefox: "70" + # firefox_android: "79" + - css.properties.text-decoration.includes_thickness + # baseline: false # support: # firefox: "75" diff --git a/features/text-emphasis.yml b/features/text-emphasis.yml index 53336cdaa77..8d95b39252b 100644 --- a/features/text-emphasis.yml +++ b/features/text-emphasis.yml @@ -2,10 +2,16 @@ name: text-emphasis description: The `text-emphasis` CSS property sets position and style for text emphasis marks, especially for East Asian languages. spec: https://drafts.csswg.org/css-text-decor-4/#text-emphasis-property caniuse: text-emphasis +status: + compute_from: css.properties.text-emphasis compat_features: - css.properties.text-emphasis - css.properties.text-emphasis-color - css.properties.text-emphasis-position + - css.properties.text-emphasis-position.left + - css.properties.text-emphasis-position.over + - css.properties.text-emphasis-position.right + - css.properties.text-emphasis-position.under - css.properties.text-emphasis-style - css.properties.text-emphasis-style.circle - css.properties.text-emphasis-style.dot diff --git a/features/text-emphasis.yml.dist b/features/text-emphasis.yml.dist index 5f18cb14be7..fdd7bb402cf 100644 --- a/features/text-emphasis.yml.dist +++ b/features/text-emphasis.yml.dist @@ -9,11 +9,12 @@ status: chrome: "99" chrome_android: "99" edge: "99" - firefox: ≤72 - firefox_android: "79" - safari: ≤13.1 - safari_ios: ≤13.4 + firefox: "46" + firefox_android: "46" + safari: "7" + safari_ios: "7" compat_features: + # ⬇️ Same status as overall feature ⬇️ # baseline: high # baseline_low_date: 2022-03-03 # baseline_high_date: 2024-09-03 @@ -30,7 +31,20 @@ compat_features: - css.properties.text-emphasis-position - css.properties.text-emphasis-style - # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2022-03-03 + # baseline_high_date: 2024-09-03 + # support: + # chrome: "99" + # chrome_android: "99" + # edge: "99" + # firefox: "46" + # firefox_android: "46" + # safari: "8" + # safari_ios: "8" + - css.properties.text-emphasis-position.left + - css.properties.text-emphasis-position.right + # baseline: high # baseline_low_date: 2022-03-03 # baseline_high_date: 2024-09-03 @@ -49,3 +63,16 @@ compat_features: - css.properties.text-emphasis-style.none - css.properties.text-emphasis-style.sesame - css.properties.text-emphasis-style.triangle + + # baseline: low + # baseline_low_date: 2022-12-13 + # support: + # chrome: "99" + # chrome_android: "99" + # edge: "99" + # firefox: "108" + # firefox_android: "108" + # safari: ≤13.1 + # safari_ios: ≤13.4 + - css.properties.text-emphasis-position.over + - css.properties.text-emphasis-position.under