Skip to content

Instantly share code, notes, and snippets.

@yurited
Created April 27, 2017 21:02
Show Gist options
  • Save yurited/846459e0f5015505563ee99e4b8ad591 to your computer and use it in GitHub Desktop.
Save yurited/846459e0f5015505563ee99e4b8ad591 to your computer and use it in GitHub Desktop.
y20 breakpoints
xxs: '@media screen and (max-width: 500px)',
xs: '@media screen and (max-width: 767px)',
sm: '@media screen and (max-width:959px)',
md: '@media screen and (min-width:960px) and (max-width:1247px)',
lg: '@media screen and (min-width:1800px)',
virgominimal: '@media screen and (max-width: 1850px)',
virgooptimal: '@media screen and (min-width: 1851px)',
virgofull: '@media screen and (max-width: 1600px)',
maxh700: '@media(max-height:43.750em) and (min-width:1025px)',
maxh770: '@media(max-height:48.125em) and (min-width:1025px)',
maxh860: '@media(max-height:53.750em) and (min-width:1025px)',
maxh900: '@media(max-height:56.250em) and (min-width:1025px)',
sm1024: '@media screen and (max-width: 1024px)',
md1100: '@media screen and (max-width: 1100px)',
miw1100: '@media screen and (min-width:1200px)',
miw1200: '@media screen and (min-width:1200px)',
sm320: '@media screen and (max-width: 320px)',
lso: '@media screen and (orientation: landscape)',
po: '@media screen and (orientation: portrait)',
md1160: '@media(max-width: 1160px)',
mkt0: '@media screen and (max-width: 779px)',
mkt1: '@media screen and (min-width: 780px) and (max-width: 930px)',
mkt2: '@media screen and (min-width: 930px) and (max-width: 1080px)',
mkt3: '@media screen and (min-width: 1080px) and (max-width: 1230px)',
mkt4: '@media screen and (min-width: 1230px) and (max-width: 1380px)',
mkt5: '@media screen and (min-width: 1380px)',
smTablet: '@media screen and (min-width:750px)',
md1110: '@media screen and (max-width: 1110px)',
lg1190: '@media screen and (max-width: 1190px)',
modalFloatingCloseBtn: '@media screen and (max-width: 1023px)',
modalMinWidth: '@media screen and (max-width: 1063px)',
modalCentered: '@media screen and (min-width: 1220px)',
noRightRail: '@media screen and (max-width: 800px) and (orientation: portrait)',
ipad: '@media all and (device-width: 768px) and (device-height: 1024px)',
padHeading: '@media screen and (max-width: 1135px)',
md1300: '@media screen and (min-width: 960px) and (max-width: 1300px)',
olymd: '@media screen and (max-width:1585px)',
lsm: '@media screen and (orientation: landscape) and (max-width:959px)'
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment