Add discouraged CSS features

features/clip.yml

@@ -0,0 +1,14 @@
+name: clip
+description: The `clip` CSS property sets the visible area of an absolutely positioned element.
+spec: https://drafts.fxtf.org/css-masking-1/#clip-property
+group: clipping-shapes-masking
+discouraged:
+  according_to:
+    - https://drafts.fxtf.org/css-masking-1/#clip-property
+  alternatives:
+    - clip-path
+compat_features:
+  - css.properties.clip
+  - css.properties.clip.auto
+  - css.types.shape
+  - css.types.shape.rect

features/clip.yml.dist

@@ -0,0 +1,48 @@
+# Generated from: clip.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: ≤80
+    chrome_android: ≤80
+    edge: ≤80
+    firefox: ≤72
+    firefox_android: ≤79
+    safari: ≤13.1
+    safari_ios: ≤13.4
+compat_features:
+  # baseline: false
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.clip
+
+  # baseline: false
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.types.shape
+  - css.types.shape.rect
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support:
+  #   chrome: ≤80
+  #   chrome_android: ≤80
+  #   edge: ≤80
+  #   firefox: ≤72
+  #   firefox_android: ≤79
+  #   safari: ≤13.1
+  #   safari_ios: ≤13.4
+  - css.properties.clip.auto

features/color-adjust.yml

@@ -0,0 +1,11 @@
+name: color-adjust
+description: The `color-adjust` shorthand CSS property allows multiple performance related color adjustments to be set at once. Setting the `print-color-adjust` CSS property directly is preferred, as it is the only such adjustment so far defined.
+spec: https://drafts.csswg.org/css-color-adjust-1/#color-adjust
+group: print
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-color-adjust-1/#color-adjust
+  alternatives:
+    - print-color-adjust
+compat_features:
+  - css.properties.color-adjust

features/color-adjust.yml.dist

@@ -0,0 +1,12 @@
+# Generated from: color-adjust.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    firefox: ≤72
+    firefox_android: ≤79
+    safari: "15.4"
+    safari_ios: "15.4"
+compat_features:
+  - css.properties.color-adjust

features/device-queries.yml

@@ -0,0 +1,13 @@
+name: Device media queries
+description: The `device-aspect-ratio`, `device-height`, and `device-width` media features describe physical properties of the displaying output device.
+spec: https://drafts.csswg.org/mediaqueries-5/#mf-deprecated
+group: media-queries
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/mediaqueries-5/#mf-deprecated
+  alternatives:
+    - media-queries
+compat_features:
+  - css.at-rules.media.device-aspect-ratio
+  - css.at-rules.media.device-height
+  - css.at-rules.media.device-width

features/device-queries.yml.dist

@@ -0,0 +1,17 @@
+# Generated from: device-queries.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "2"
+    firefox_android: "4"
+    safari: "3"
+    safari_ios: "1"
+compat_features:
+  - css.at-rules.media.device-aspect-ratio
+  - css.at-rules.media.device-height
+  - css.at-rules.media.device-width

features/glyph-orientation-vertical.yml

@@ -0,0 +1,11 @@
+name: glyph-orientation-vertical
+description: The `glyph-orientation-vertical` CSS property sets the orientation of glyphs in text rendered in a vertical writing mode.
+spec: https://drafts.csswg.org/css-writing-modes-4/#glyph-orientation
+group: css
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-writing-modes-4/#glyph-orientation
+  alternatives:
+    - text-orientation
+compat_features:
+  - css.properties.glyph-orientation-vertical

features/glyph-orientation-vertical.yml.dist

@@ -0,0 +1,10 @@
+# Generated from: glyph-orientation-vertical.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    safari: ≤13.1
+    safari_ios: ≤13.4
+compat_features:
+  - css.properties.glyph-orientation-vertical

features/ime-mode.yml

@@ -0,0 +1,9 @@
+name: ime-mode
+description: The `ime-mode` CSS property sets the state of the input method editor for text fields.
+spec: https://drafts.csswg.org/css-ui-3/#input-method-editor
+group: css
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-ui-3/#input-method-editor
+compat_features:
+  - css.properties.ime-mode

features/ime-mode.yml.dist

@@ -0,0 +1,10 @@
+# Generated from: ime-mode.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    firefox: "3"
+    firefox_android: "4"
+compat_features:
+  - css.properties.ime-mode

features/overflow-overlay.yml

@@ -0,0 +1,12 @@
+name: "`overflow: overlay`"
+description: "The `overflow: overlay` CSS declaration is an alias to `overflow: auto`. Historically, it caused non-standard behavior, allowing scrollbars to overlay content without taking up layout space."
+spec: https://drafts.csswg.org/css-overflow-3/#propdef-overflow
+group: css
+caniuse: css-overflow-overlay
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-overflow-3/#valdef-overflow-overlay
+  alternatives:
+    - overflow-shorthand
+compat_features:
+  - css.types.overflow.overlay

features/overflow-overlay.yml.dist

@@ -0,0 +1,15 @@
+# Generated from: overflow-overlay.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "15"
+    chrome_android: "100"
+    edge: "79"
+    firefox: "112"
+    firefox_android: "112"
+    safari: ≤13.1
+    safari_ios: ≤13.4
+compat_features:
+  - css.types.overflow.overlay

features/text-decoration-line-blink.yml

@@ -0,0 +1,13 @@
+name: "`text-decoration-line: blink`"
+description: "The `text-decoration: blink` CSS declaration flashes text between visible and invisible."
+spec: https://drafts.csswg.org/css-text-decor-3/#valdef-text-decoration-line-blink
+group:
+  - animation
+  - css
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-text-decor-3/#valdef-text-decoration-line-blink
+  alternatives:
+    - animations-css
+compat_features:
+  - css.properties.text-decoration-line.blink

features/text-decoration-line-blink.yml.dist

@@ -0,0 +1,15 @@
+# Generated from: text-decoration-line-blink.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "57"
+    chrome_android: "57"
+    edge: "79"
+    firefox: "36"
+    firefox_android: "36"
+    safari: "12.1"
+    safari_ios: "12.2"
+compat_features:
+  - css.properties.text-decoration-line.blink

features/word-break-break-word.yml

@@ -0,0 +1,11 @@
+name: "`word-break: break-word`"
+description: "The `word-break: break-word` CSS declaration sets word breaks to occur according to their customary rules. Superseded by `overflow-wrap: anywhere`."
+spec: https://drafts.csswg.org/css-text-3/#word-break-property
+group: css
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-text/#valdef-word-break-break-word
+  alternatives:
+    - overflow-wrap
+compat_features:
+  - css.properties.word-break.break-word

features/word-break-break-word.yml.dist

@@ -0,0 +1,15 @@
+# Generated from: word-break-break-word.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "67"
+    firefox_android: "67"
+    safari: "3"
+    safari_ios: "2"
+compat_features:
+  - css.properties.word-break.break-word

features/writing-mode-svg-values.yml

@@ -0,0 +1,16 @@
+name: writing-mode SVG 1.1 values
+description: The `lr`, `lr-tb`, `rl`, `rl-tb`, `tb`, and `tb-rl` keyword values for the `writing-mode` CSS property set the text direction for elements in SVG 1.1 documents.
+spec: https://drafts.csswg.org/css-writing-modes-4/#block-flow
+group: css
+discouraged:
+  according_to:
+    - https://drafts.csswg.org/css-writing-modes-4/#svg-writing-mode
+  alternatives:
+    - writing-mode
+compat_features:
+  - css.properties.writing-mode.lr
+  - css.properties.writing-mode.lr-tb
+  - css.properties.writing-mode.rl
+  - css.properties.writing-mode.rl-tb
+  - css.properties.writing-mode.tb
+  - css.properties.writing-mode.tb-rl

features/writing-mode-svg-values.yml.dist

@@ -0,0 +1,20 @@
+# Generated from: writing-mode-svg-values.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "48"
+    chrome_android: "48"
+    edge: "12"
+    firefox: "43"
+    firefox_android: "43"
+    safari: "10.1"
+    safari_ios: "10.3"
+compat_features:
+  - css.properties.writing-mode.lr
+  - css.properties.writing-mode.lr-tb
+  - css.properties.writing-mode.rl
+  - css.properties.writing-mode.rl-tb
+  - css.properties.writing-mode.tb
+  - css.properties.writing-mode.tb-rl