Nesting Media Queries in CSS & Sass

A short guide on nesting media queries.

You'll learn how to nest media queries, how to combine @media with @supports, and how to use CSS Custom Properties (variables) in media query features using @custom-media.

Chapters

• 00:00 Intro
• 00:31 Nesting Media Queries
• 01:27 Nesting Media Queries within selectors in Sass/SCSS
• 02:18 Combining Media Queries and @support at-rules
• 03:29 Using variables in media query features using @custom-media
• 05:39 Conclusion

Demo

Links

• PostCSS Custom Media Plugin
• Custom Media Queries Spec
• Media Queries MDN Entry