- // Match pure queries:
- //None None Always .pure-u-*
- //sm @media screen and (min-width: 35.5em) ≥ 568px .pure-u-sm-*
- //md @media screen and (min-width: 48em) ≥ 768px .pure-u-md-*
- //lg @media screen and (min-width: 64em) ≥ 1024px .pure-u-lg-*
- //xl @media screen and (min-width: 80em) ≥ 1280px .pure-u-xl-*
- $sm-query : "screen and (min-width: 35.5em)";
- $md-query : "screen and (min-width: 48em)";
- $lg-query : "screen and (min-width: 64em)";
- $xl-query : "screen and (min-width: 80em)";
- $max-width : 1010px;
|