diff --git a/features/angle.yml b/features/angle.yml new file mode 100644 index 00000000000..c8b113d183e --- /dev/null +++ b/features/angle.yml @@ -0,0 +1,11 @@ +name: angle +description: The `angle` CSS type represents a portion of a circle, expressed in degrees (`deg`), gradians (`grad`), radians (`rad`), or turns (`turn`). +spec: https://drafts.csswg.org/css-values-4/#angles +group: types +compat_features: + - css.types.angle + - css.types.angle-percentage + - css.types.angle.deg + - css.types.angle.grad + - css.types.angle.rad + - css.types.angle.turn diff --git a/features/angle.yml.dist b/features/angle.yml.dist new file mode 100644 index 00000000000..bffb0a5c66b --- /dev/null +++ b/features/angle.yml.dist @@ -0,0 +1,46 @@ +# Generated from: angle.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: "2" + chrome_android: "18" + edge: "12" + firefox: "13" + firefox_android: "14" + safari: "4" + safari_ios: "3.2" +compat_features: + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "2" + # chrome_android: "18" + # edge: "12" + # firefox: "3.6" + # firefox_android: "4" + # safari: "4" + # safari_ios: "3.2" + - css.types.angle + - css.types.angle-percentage + - css.types.angle.deg + - css.types.angle.grad + - css.types.angle.rad + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "2" + # chrome_android: "18" + # edge: "12" + # firefox: "13" + # firefox_android: "14" + # safari: "4" + # safari_ios: "3.2" + - css.types.angle.turn diff --git a/features/calc-size.yml b/features/calc-size.yml new file mode 100644 index 00000000000..d5c25eac0b9 --- /dev/null +++ b/features/calc-size.yml @@ -0,0 +1,6 @@ +name: calc-size +description: The `calc-size()` CSS function computes mathematical expressions that include keyword values such as `calc-size(fit-content, size / 2)`. +spec: https://drafts.csswg.org/css-values-5/#calc-size +group: types +compat_features: + - css.types.calc-size diff --git a/features/calc-size.yml.dist b/features/calc-size.yml.dist new file mode 100644 index 00000000000..1b73b4b927f --- /dev/null +++ b/features/calc-size.yml.dist @@ -0,0 +1,11 @@ +# Generated from: calc-size.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "129" + chrome_android: "129" + edge: "129" +compat_features: + - css.types.calc-size diff --git a/features/calc.yml b/features/calc.yml index 36954bb1e26..e3fa64e0cd0 100644 --- a/features/calc.yml +++ b/features/calc.yml @@ -1,7 +1,12 @@ name: calc() description: The `calc()` CSS function computes mathematical expressions such a `calc(100%/3 - 1em)`. spec: https://drafts.csswg.org/css-values-3/#calc-notation -group: css +group: types caniuse: calc +status: + compute_from: css.types.calc compat_features: - css.types.calc + - css.types.calc.gradient_color_stops + - css.types.calc.nested + - css.types.calc.number_values diff --git a/features/calc.yml.dist b/features/calc.yml.dist index a912ece6def..99b8b7bc415 100644 --- a/features/calc.yml.dist +++ b/features/calc.yml.dist @@ -14,4 +14,55 @@ status: safari: "7" safari_ios: "7" compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "26" + # chrome_android: "28" + # edge: "12" + # firefox: "16" + # firefox_android: "16" + # safari: "7" + # safari_ios: "7" - css.types.calc + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "26" + # chrome_android: "28" + # edge: "12" + # firefox: "19" + # firefox_android: "19" + # safari: "7" + # safari_ios: "7" + - css.types.calc.gradient_color_stops + + # baseline: high + # baseline_low_date: 2016-08-02 + # baseline_high_date: 2019-02-02 + # support: + # chrome: "31" + # chrome_android: "31" + # edge: "12" + # firefox: "48" + # firefox_android: "48" + # safari: "7" + # safari_ios: "7" + - css.types.calc.number_values + + # baseline: high + # baseline_low_date: 2017-10-17 + # baseline_high_date: 2020-04-17 + # support: + # chrome: "51" + # chrome_android: "51" + # edge: "16" + # firefox: "48" + # firefox_android: "48" + # safari: "11" + # safari_ios: "11" + - css.types.calc.nested diff --git a/features/frequency.yml b/features/frequency.yml new file mode 100644 index 00000000000..1b9a5b30973 --- /dev/null +++ b/features/frequency.yml @@ -0,0 +1,9 @@ +name: frequency +description: The `frequency` CSS type represents a frequency value, expressed in hertz (`Hz`), or kilohertz (`kHz`). +spec: https://drafts.csswg.org/css-values-4/#frequency +group: types +compat_features: + - css.types.frequency + - css.types.frequency-percentage + - css.types.frequency.hz + - css.types.frequency.khz diff --git a/features/frequency.yml.dist b/features/frequency.yml.dist new file mode 100644 index 00000000000..ad3f8677dbe --- /dev/null +++ b/features/frequency.yml.dist @@ -0,0 +1,11 @@ +# Generated from: frequency.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: {} +compat_features: + - css.types.frequency + - css.types.frequency-percentage + - css.types.frequency.hz + - css.types.frequency.khz diff --git a/features/length.yml b/features/length.yml new file mode 100644 index 00000000000..8b4de9327bc --- /dev/null +++ b/features/length.yml @@ -0,0 +1,7 @@ +name: length +description: The `length` CSS type represents a distance value. Distance values can be expressed in font-relative units such as ems (`em`), viewport-relative units such as viewport width (`vw`), or absolute units such as pixels (`px`). +spec: https://drafts.csswg.org/css-values-4/#lengths +group: types +compat_features: + - css.types.length + - css.types.length-percentage diff --git a/features/length.yml.dist b/features/length.yml.dist new file mode 100644 index 00000000000..cd8cd6f19e8 --- /dev/null +++ b/features/length.yml.dist @@ -0,0 +1,18 @@ +# Generated from: length.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.types.length + - css.types.length-percentage diff --git a/features/numeric-types.yml b/features/numeric-types.yml new file mode 100644 index 00000000000..6ef3c6a2814 --- /dev/null +++ b/features/numeric-types.yml @@ -0,0 +1,10 @@ +name: Numeric types (CSS) +description: The `integer`, `number`, and `percentage` CSS types represent quantities, indexes, or positions depending on the CSS property to which they are assigned. The `dimension` CSS type represents a value of a specific unit, such as pixels or ems. The `dimension` subtypes define which units are valid for that type. +spec: https://drafts.csswg.org/css-values-4/#numeric-types +group: types +compat_features: + - css.types.dimension + - css.types.integer + - css.types.number + - css.types.number.scientific_notation + - css.types.percentage diff --git a/features/numeric-types.yml.dist b/features/numeric-types.yml.dist new file mode 100644 index 00000000000..2544c938dbb --- /dev/null +++ b/features/numeric-types.yml.dist @@ -0,0 +1,45 @@ +# Generated from: numeric-types.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2017-03-27 + baseline_high_date: 2019-09-27 + support: + chrome: "43" + chrome_android: "43" + edge: "12" + firefox: "29" + firefox_android: "29" + safari: "10.1" + safari_ios: "10.3" +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.types.dimension + - css.types.integer + - css.types.number + - css.types.percentage + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2017-03-27 + # baseline_high_date: 2019-09-27 + # support: + # chrome: "43" + # chrome_android: "43" + # edge: "12" + # firefox: "29" + # firefox_android: "29" + # safari: "10.1" + # safari_ios: "10.3" + - css.types.number.scientific_notation diff --git a/features/position-type.yml b/features/position-type.yml new file mode 100644 index 00000000000..db7cb793174 --- /dev/null +++ b/features/position-type.yml @@ -0,0 +1,8 @@ +name: position (CSS type) +description: The `position` CSS type represents the position of a non-element object, such as a background or transform origin, within a positioning area. +spec: https://drafts.csswg.org/css-values-4/#position +group: types +compat_features: + - css.types.position + - css.types.position.four_value_syntax + - css.types.position.keyword_value_syntax diff --git a/features/position-type.yml.dist b/features/position-type.yml.dist new file mode 100644 index 00000000000..9f565bf509c --- /dev/null +++ b/features/position-type.yml.dist @@ -0,0 +1,43 @@ +# Generated from: position-type.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: "25" + chrome_android: "25" + edge: "12" + firefox: "13" + firefox_android: "14" + safari: "7" + safari_ios: "7" +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.types.position + - css.types.position.keyword_value_syntax + + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "25" + # chrome_android: "25" + # edge: "12" + # firefox: "13" + # firefox_android: "14" + # safari: "7" + # safari_ios: "7" + - css.types.position.four_value_syntax diff --git a/features/string-type.yml b/features/string-type.yml new file mode 100644 index 00000000000..d5f183e1a35 --- /dev/null +++ b/features/string-type.yml @@ -0,0 +1,7 @@ +name: string (CSS type) +description: The `string` CSS type represents a sequence of characters. +spec: https://drafts.csswg.org/css-values-4/#string-value +group: types +compat_features: + - css.types.string + - css.types.string.unicode_escaped_characters diff --git a/features/string-type.yml.dist b/features/string-type.yml.dist new file mode 100644 index 00000000000..3139daa43ef --- /dev/null +++ b/features/string-type.yml.dist @@ -0,0 +1,18 @@ +# Generated from: string-type.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.types.string + - css.types.string.unicode_escaped_characters diff --git a/features/time-type.yml b/features/time-type.yml new file mode 100644 index 00000000000..a919c38dc20 --- /dev/null +++ b/features/time-type.yml @@ -0,0 +1,7 @@ +name: time (CSS type) +description: The `time` CSS type represents a duration, expressed in seconds (`s`) or milliseconds (`ms`). +spec: https://drafts.csswg.org/css-values-4/#time-value +group: types +compat_features: + - css.types.time + - css.types.time-percentage diff --git a/features/time-type.yml.dist b/features/time-type.yml.dist new file mode 100644 index 00000000000..364e4499507 --- /dev/null +++ b/features/time-type.yml.dist @@ -0,0 +1,18 @@ +# Generated from: time-type.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: "4" + firefox_android: "4" + safari: "3.1" + safari_ios: "2" +compat_features: + - css.types.time + - css.types.time-percentage diff --git a/features/url-type.yml b/features/url-type.yml new file mode 100644 index 00000000000..66b70c10f14 --- /dev/null +++ b/features/url-type.yml @@ -0,0 +1,6 @@ +name: url (CSS type) +description: The `url` CSS type represents an external resource. +spec: https://drafts.csswg.org/css-values-4/#urls +group: types +compat_features: + - css.types.url diff --git a/features/url-type.yml.dist b/features/url-type.yml.dist new file mode 100644 index 00000000000..03a197eccec --- /dev/null +++ b/features/url-type.yml.dist @@ -0,0 +1,17 @@ +# Generated from: url-type.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.types.url diff --git a/groups/types.yml b/groups/types.yml new file mode 100644 index 00000000000..fec6461a4f3 --- /dev/null +++ b/groups/types.yml @@ -0,0 +1,3 @@ +# Features that define CSS types. +name: Types +parent: css