Summary: Implement the CSS image() function, restricted to its <color>
form. It produces a solid-color image with no natural dimensions and is
exactly equivalent to linear-gradient(<color>), but is more direct
As part of the same change, none inside light-dark() now computes to
image(transparent), matching the recent CSSWG resolution[1].
Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=2038136
Specification: https://drafts.csswg.org/css-images-4/#image-notation
Standards Body: CSSWG.
Platform Coverage: All
Preference: enabled by default, because we're changing the behavior of
none in `light-dark()` and it'd get messy.
DevTools Bug: N/A
Extensions Bug: N/A
Use Counter: Not planned. The feature is a syntactic alias for
linear-gradient(<color>), so it's mostly useful to avoid the
light-dark(none, none) annoyance
Standards-Positions Discussion: None (trivial-ish)
Other Browsers:
- Blink: They filed the relevant issue, so presumably they'll update
https://chromium-review.googlesource.com/c/chromium/src/+/7806112.
- WebKit: No signal yet.
web-platform-tests: Coverage added as part of this work.
[1]: https://github.com/w3c/csswg-drafts/issues/13866
Thanks,
--Emilio
--
You received this message because you are subscribed to the Google Groups
"[email protected]" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion visit
https://groups.google.com/a/mozilla.org/d/msgid/dev-platform/bdc96218-da07-4a98-81cd-e6dc03a74969%40mozilla.com.