Skip to content

Commit

Permalink
Generate .dist.yml for color-*
Browse files Browse the repository at this point in the history
These are Baseline 2022/2023 features.
  • Loading branch information
foolip committed Apr 13, 2024
1 parent 76f7555 commit 8a8a8ca
Show file tree
Hide file tree
Showing 6 changed files with 77 additions and 31 deletions.
21 changes: 21 additions & 0 deletions feature-group-definitions/color-function.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# Generated from: color-function.yml
# Do not edit this file by hand. Edit the source file instead!

name: color()
description: "The `color()` function defines a color within a given color space. Wide gamut color spaces like `display-p3` allow showing more vibrant and saturated colors than the standard `srgb` color space."
spec: https://drafts.csswg.org/css-color-4/#color-function
caniuse: css-color-function
status:
baseline: low
baseline_low_date: 2023-05-09
support:
chrome: "111"
chrome_android: "111"
edge: "111"
firefox: "113"
firefox_android: "113"
safari: "15"
safari_ios: "15"
compat_features:
- css.types.color.color
- css.types.color.color.mixed_type_parameters
14 changes: 0 additions & 14 deletions feature-group-definitions/color-function.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,3 @@ name: color()
description: "The `color()` function defines a color within a given color space. Wide gamut color spaces like `display-p3` allow showing more vibrant and saturated colors than the standard `srgb` color space."
spec: https://drafts.csswg.org/css-color-4/#color-function
caniuse: css-color-function
status:
baseline: low
baseline_low_date: 2023-05-09
support:
chrome: "111"
chrome_android: "111"
edge: "111"
firefox: "113"
firefox_android: "113"
safari: "15"
safari_ios: "15"
compat_features:
- css.types.color.color
- css.types.color.color.mixed_type_parameters
19 changes: 19 additions & 0 deletions feature-group-definitions/color-mix.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
# Generated from: color-mix.yml
# Do not edit this file by hand. Edit the source file instead!

name: color-mix()
description: "The `color-mix()` function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black."
spec: https://drafts.csswg.org/css-color-5/#color-mix
status:
baseline: low
baseline_low_date: 2023-05-09
support:
chrome: "111"
chrome_android: "111"
edge: "111"
firefox: "113"
firefox_android: "113"
safari: "16.2"
safari_ios: "16.2"
compat_features:
- css.types.color.color-mix
13 changes: 0 additions & 13 deletions feature-group-definitions/color-mix.yml
Original file line number Diff line number Diff line change
@@ -1,16 +1,3 @@
name: color-mix()
description: "The `color-mix()` function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black."
spec: https://drafts.csswg.org/css-color-5/#color-mix
status:
baseline: low
baseline_low_date: 2023-05-09
support:
chrome: "111"
chrome_android: "111"
edge: "111"
firefox: "113"
firefox_android: "113"
safari: "16.2"
safari_ios: "16.2"
compat_features:
- css.types.color.color-mix
30 changes: 30 additions & 0 deletions feature-group-definitions/color-scheme.dist.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Generated from: color-scheme.yml
# Do not edit this file by hand. Edit the source file instead!

name: color-scheme
description: The `color-scheme` CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.
spec: https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/637
status:
baseline: low
baseline_low_date: 2022-02-03
support:
chrome: "98"
chrome_android: "98"
edge: "98"
firefox: "96"
firefox_android: "96"
safari: "13"
safari_ios: "13"
compat_features:
- css.properties.color-scheme
- css.properties.color-scheme.only_dark
- css.properties.color-scheme.only_light

# `color-scheme: only light` and `color-scheme: only dark` can be used to opt
# out from Chrome's Auto Dark Theme:
# https://developer.chrome.com/blog/auto-dark-theme/#detecting-auto-dark-theme
#
# Including them increases the Baseline low date from 2022-01-11 (Firefox 98) to
# 2022-02-03 (Chrome 98). Since this is less than a month's difference and the
# opt-out could be important for some developers, the later date is accepted.
11 changes: 7 additions & 4 deletions feature-group-definitions/color-scheme.yml
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,10 @@ name: color-scheme
description: The `color-scheme` CSS property sets which color schemes (light or dark) an element uses and may prevent automatic dark mode adjustments by the browser.
spec: https://drafts.csswg.org/css-color-adjust-1/#color-scheme-prop
usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/637
compat_features:
- css.properties.color-scheme
- css.properties.color-scheme.only_dark
- css.properties.color-scheme.only_light
# `color-scheme: only light` and `color-scheme: only dark` can be used to opt
# out from Chrome's Auto Dark Theme:
# https://developer.chrome.com/blog/auto-dark-theme/#detecting-auto-dark-theme
#
# Including them increases the Baseline low date from 2022-01-11 (Firefox 98) to
# 2022-02-03 (Chrome 98). Since this is less than a month's difference and the
# opt-out could be important for some developers, the later date is accepted.

0 comments on commit 8a8a8ca

Please sign in to comment.