Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Media queries for Pure
* Media queries
// this means upper than smallest screens...
// >=568px sm
@media screen and (min-width: 35.5em) {
@import "sm.less";
// >=768px md
@media screen and (min-width: 48em) {
@import "md.less";
// >=1024px lg
@media screen and (min-width: 64em) {
@import "lg.less";
// >=1280px xl
@media screen and (min-width: 80em) {
@import "xl.less";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment