diff --git a/features/clip.yml b/features/clip.yml new file mode 100644 index 00000000000..ee50c375776 --- /dev/null +++ b/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 diff --git a/features/clip.yml.dist b/features/clip.yml.dist new file mode 100644 index 00000000000..bf7b45f4681 --- /dev/null +++ b/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 diff --git a/features/color-adjust.yml b/features/color-adjust.yml new file mode 100644 index 00000000000..fe473e5dccd --- /dev/null +++ b/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 diff --git a/features/color-adjust.yml.dist b/features/color-adjust.yml.dist new file mode 100644 index 00000000000..584a82b2065 --- /dev/null +++ b/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 diff --git a/features/device-queries.yml b/features/device-queries.yml new file mode 100644 index 00000000000..393668f43a6 --- /dev/null +++ b/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 diff --git a/features/device-queries.yml.dist b/features/device-queries.yml.dist new file mode 100644 index 00000000000..393b5f80ab6 --- /dev/null +++ b/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 diff --git a/features/glyph-orientation-vertical.yml b/features/glyph-orientation-vertical.yml new file mode 100644 index 00000000000..560d3e35f57 --- /dev/null +++ b/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 diff --git a/features/glyph-orientation-vertical.yml.dist b/features/glyph-orientation-vertical.yml.dist new file mode 100644 index 00000000000..740de199380 --- /dev/null +++ b/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 diff --git a/features/ime-mode.yml b/features/ime-mode.yml new file mode 100644 index 00000000000..c0b8ac2f8c6 --- /dev/null +++ b/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 diff --git a/features/ime-mode.yml.dist b/features/ime-mode.yml.dist new file mode 100644 index 00000000000..8d68f23c447 --- /dev/null +++ b/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 diff --git a/features/overflow-overlay.yml b/features/overflow-overlay.yml new file mode 100644 index 00000000000..4e134e3b1ea --- /dev/null +++ b/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 diff --git a/features/overflow-overlay.yml.dist b/features/overflow-overlay.yml.dist new file mode 100644 index 00000000000..fe0f34ce511 --- /dev/null +++ b/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 diff --git a/features/text-decoration-line-blink.yml b/features/text-decoration-line-blink.yml new file mode 100644 index 00000000000..c4a05d640f2 --- /dev/null +++ b/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 diff --git a/features/text-decoration-line-blink.yml.dist b/features/text-decoration-line-blink.yml.dist new file mode 100644 index 00000000000..9b88c01b77e --- /dev/null +++ b/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 diff --git a/features/word-break-break-word.yml b/features/word-break-break-word.yml new file mode 100644 index 00000000000..aa95fdc6274 --- /dev/null +++ b/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 diff --git a/features/word-break-break-word.yml.dist b/features/word-break-break-word.yml.dist new file mode 100644 index 00000000000..b16a09261eb --- /dev/null +++ b/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 diff --git a/features/writing-mode-svg-values.yml b/features/writing-mode-svg-values.yml new file mode 100644 index 00000000000..9f61cfaf267 --- /dev/null +++ b/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 diff --git a/features/writing-mode-svg-values.yml.dist b/features/writing-mode-svg-values.yml.dist new file mode 100644 index 00000000000..8b62f7f75d8 --- /dev/null +++ b/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