Adds text decoration and text emphasis

features/text-decoration.yml

@@ -0,0 +1,31 @@
+name: text-decoration
+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:
+  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-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

features/text-decoration.yml.dist

@@ -0,0 +1,150 @@
+# 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
+  - css.properties.text-decoration-style.wavy
+
+  # 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: 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"
+  #   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

features/text-emphasis.yml

@@ -0,0 +1,22 @@
+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
+  - 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

features/text-emphasis.yml.dist

@@ -0,0 +1,78 @@
+# 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: "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
+  # 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
+
+  # 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
+  # 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
+
+  # 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