_query.scss 572 B

12345678910111213
  1. // Match pure queries:
  2. //None None Always .pure-u-*
  3. //sm @media screen and (min-width: 35.5em) ≥ 568px .pure-u-sm-*
  4. //md @media screen and (min-width: 48em) ≥ 768px .pure-u-md-*
  5. //lg @media screen and (min-width: 64em) ≥ 1024px .pure-u-lg-*
  6. //xl @media screen and (min-width: 80em) ≥ 1280px .pure-u-xl-*
  7. $sm-query : "screen and (min-width: 35.5em)";
  8. $md-query : "screen and (min-width: 48em)";
  9. $lg-query : "screen and (min-width: 64em)";
  10. $xl-query : "screen and (min-width: 80em)";
  11. $max-width : 1010px;