Skip to content

Instantly share code, notes, and snippets.

@JeremyEnglert

JeremyEnglert/nested-breakpoints.css

Last active July 18, 2019 08:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JeremyEnglert/a48ef614dc4a193eb0a7c26d3376c13b to your computer and use it in GitHub Desktop.
Save JeremyEnglert/a48ef614dc4a193eb0a7c26d3376c13b to your computer and use it in GitHub Desktop.
Download ZIP
Nesting custom CSS media queries
Raw
nested-breakpoints.css
/* Input */
@custom-media --medium (min-width: 640px);
a {
color: red;
@media (--medium) {
color: green;
}
}
/* Output */
a {
color: red;
}
@media only screen and (min-width: 640px) {
a {
color: green
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment