-
Notifications
You must be signed in to change notification settings - Fork 22.4k
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.
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
19449 prefers color scheme #20886
19449 prefers color scheme #20886
Conversation
Preview URLs (this comment was updated 2022-10-13 08:06:12.550723) |
I'm away until Monday. @estelle would perhaps be a better person to review CSS. |
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some more feedback
Thank you, incorporating the comments now. |
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
committed my one grammar change. looks good!
Thanks, Estelle 🙌🏻 |
* docs(CSS): prefers-color-scheme for embedded content * docs(CSS): minor fix for coloer-scheme * chore(build) replace Prettier config * docs(CSS): add example of embedded SVG for prefers-color-scheme * docs(CSS): add xrefs for color-scheme & prefers-color-scheme * docs(CSS): improve wording for prefers-color-scheme docs * typo fix * docs(CSS) add details on secure animated mode for SVGs * Update files/en-us/web/css/@media/prefers-color-scheme/index.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> * Update files/en-us/web/css/@media/prefers-color-scheme/index.md Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> * chore(docs) Clarify embedded SVG details, links to supporting docs * Apply suggestions from code review Co-authored-by: Estelle Weyl <estelle@openwebdocs.org> * docs(CSS): Link to more appropriate inline SVG example, minor copy fix * grammar Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
Background:
Embedded SVGs and iframes can now use
prefers-color-scheme
media query to add styles that inherit (depend on) thecolor-scheme
of the embedding element.This PR adds details about embedded elements and how media queries can be used to control how embedded elements are styled based on embedding elements. There's an additional example that shows default functionality (browser or OS prefs) and then explicit styling based on the parent (embedding) element.
Other issues and PRs:
prefers-color-scheme
reflects thecolor-scheme
on the embedding element #19449