Media queries for Pure

media-queries.scss

/**
 *   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";
}