Skip to content

Instantly share code, notes, and snippets.

@basiclines

basiclines/vars.breakpoints.css

Created July 14, 2018 20:35
Show Gist options
  • Save basiclines/8387717bcaff6b567996437dfbfc998b to your computer and use it in GitHub Desktop.
Save basiclines/8387717bcaff6b567996437dfbfc998b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
vars.breakpoints.css
/**
* Custom breakpoints
*
*/
@custom-media --desktop-XL screen and (max-width: 1920px);
@custom-media --desktop-L screen and (max-width: 1440px);
@custom-media --desktop-M screen and (max-width: 1280px);
@custom-media --desktop-S screen and (max-width: 1080px);
@custom-media --desktop-XS screen and (max-width: 900px);
@custom-media --mobile-XL screen and (max-width: 720px);
@custom-media --mobile-L screen and (max-width: 480px);
@custom-media --mobile-M screen and (max-width: 360px);
@custom-media --mobile-S screen and (max-width: 240px);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment