Skip to content

Instantly share code, notes, and snippets.

@dalailomo

dalailomo/mq.less

Last active January 6, 2018 17:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dalailomo/66153a1024d3e91df0bbf18f51ba835f to your computer and use it in GitHub Desktop.
Save dalailomo/66153a1024d3e91df0bbf18f51ba835f to your computer and use it in GitHub Desktop.
Download ZIP
media queries helper less
Raw
mq.less
@highdensity: ~"only screen and (-webkit-min-device-pixel-ratio: 1.5)",
~"only screen and (min--moz-device-pixel-ratio: 1.5)",
~"only screen and (-o-min-device-pixel-ratio: 3/2)",
~"only screen and (min-device-pixel-ratio: 1.5)";
@mobile: ~"only screen and (max-width: 529px)";
@tablet: ~"only screen and (min-width: 530px) and (max-width: 991px)";
@desktop: ~"only screen and (min-width: 992px) and (max-width: 1199px)";
@desktop-xl: ~"only screen and (min-width: 1200px)";
// usage: @media @mobile { ... }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment