Skip to content

Instantly share code, notes, and snippets.

@jonsherrard

jonsherrard/breakpoints.styl

Created October 21, 2014 22:59
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 jonsherrard/bee4944cfdc2a5eec9e1 to your computer and use it in GitHub Desktop.
Save jonsherrard/bee4944cfdc2a5eec9e1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
breakpoints.styl
// Mobiles
smallMobileOnly = "(max-width:320px)"
smallMobilesAndUp = "(min-width:320px)"
// Tablets
smallTabletsAndUp = "(min-width:533px)"
ipadAndUp = "(min-width:768px)"
ipadOnly = "(min-width:768px) and (max-width:768px)"
largeTabletsAndUp= "(min-width:800px)"
// Desktops
smallDesktopAndUp = "(min-width:1024px)"
mediumDesktopAndUp = "(min-width:1366px)"
largeDesktopAndUp = "(min-width:1680px)"
extraLargeDesktopAndUp = "(min-width: 1920px)"
// Special
retinaOnly = "(-webkit-min-device-pixel-ratio: 2.0) and (-webkit-max-device-pixel-ratio: 2.0)"
@jonsherrard
Copy link
Author 

.something
  margin 10px
  @media ipadAndUp
    margin 20px

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment