Skip to content

Instantly share code, notes, and snippets.

@staycreativedesign

staycreativedesign/_grids-settings.sass

Created August 17, 2016 22:36
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 staycreativedesign/0534b9ab8198a3799818221b43203080 to your computer and use it in GitHub Desktop.
Save staycreativedesign/0534b9ab8198a3799818221b43203080 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
_grids-settings.sass
@import "neat-helpers"
$column: 90px
$gutter: 30px
$grid-columns: 36
$max-width: 2000px
$visual-grid-color: red
$visual-grid-opacity: 0.3
$visual-grid: false
//Screen sizes
$small-phone: 0px
$large-phone: 481px
$tablet-size: 667px
$large-screen: 1025px
$xl-large-screen: 1480px
//Breakpoints
$small: new-breakpoint(min-width $small-phone 12)
$large: new-breakpoint(min-width $large-phone 12)
$tablet: new-breakpoint(min-width $tablet-size 12)
$screen: new-breakpoint(min-width $large-screen 36)
$l-screen: new-breakpoint(min-width $xl-large-screen 24)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment