sharps
Version:
Modular grid powered by Lost and BEM
30 lines (25 loc) • 788 B
CSS
/*
* SMALL DISPLAYS:
*/
@custom-media --small screen;
@custom-media --small-only screen and (max-width: 40em);
/*
* MEDIUM DISPLAYS:
*/
@custom-media --medium screen and (min-width: 40.063em);
@custom-media --medium-only screen and (min-width: 40.063em) and (max-width: 64em);
/*
* LARGE DISPLAYS:
*/
@custom-media --large screen and (min-width: 64.063em);
@custom-media --large-only screen and (min-width: 64.063em) and (max-width: 90em);
/*
* XLARGE DISPLAYS:
*/
@custom-media --xlarge screen and (min-width: 90.063em);
@custom-media --xlarge-only screen and (min-width: 90.063em) and (max-width: 120em);
/*
* XXLARGE DISPLAYS:
*/
@custom-media --xxlarge screen and (min-width: 120.063em);
@custom-media --xxlarge-only screen and (min-width: 120.063em) and (max-width: 99999999em);