Skip to content

Update readme to reflect current browser support for relative colours #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 4, 2025
Merged

Update readme to reflect current browser support for relative colours #3

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Update readme to reflect current browser support for relative colours 
Firefox added basic support in July 2024, and all major browsers added support
for system colour keywords in September-November that year.
  • Loading branch information
@cpmsmith
cpmsmith committed Jun 3, 2025
commit 7077909f40d54cbfc518ee99628932bf76c7f526
8 changes: 4 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@

[PostCSS] plugin to add opacity to any color with [Relative Color Syntax].

Upcoming CSS Colors 5 allows you to change any color including adding opacity.
Firefox still [doesn’t support] this syntax and plugin partially polyfills
this syntax via [`color-mix()`].
CSS Colors 5 allows you to change any color including adding opacity. This
syntax gained [broad support] in mid-2024, but for older browsers, this plugin
partially polyfills this syntax via [`color-mix()`].

```css
.notice {
Expand All @@ -33,7 +33,7 @@ This polyfill is based on [Adam Argyle idea].
---

[Relative Color Syntax]: https://www.w3.org/TR/css-color-5/#relative-color
[doesn’t support]: https://caniuse.com/css-relative-colors
[broad support]: https://caniuse.com/css-relative-colors
[Adam Argyle idea]: https://twitter.com/argyleink/status/1633681345607241730?s=20
[`color-mix()`]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/color-mix
[PostCSS]: https://github.com/postcss/postcss
Expand Down