skeleton-stylus
Version:
The (un)official stylus Version of Skeleton (2.0.4): A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development
33 lines (27 loc) • 953 B
text/stylus
// Variables
//––––––––––––––––––––––––––––––––––––––––––––––––––
// Breakpoints
$bp-larger-than-mobile = "min-width = 400px"
$bp-larger-than-phablet = "min-width = 550px"
$bp-larger-than-tablet = "min-width = 750px"
$bp-larger-than-desktop = "min-width = 1000px"
$bp-larger-than-desktophd = "min-width = 1200px"
// Colors
$light-grey = #e1e1e1
$dark-grey = #333
$primary-color = #33c3f0
$secondary-color = lighten($dark-grey, 13.5%)
$border-color = #bbb
$link-color = #1eaedb
$font-color = #222
// Typography
$font-family = "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
//Grid Variables
$container-width = 960px
$container-width-larger-than-mobile = 85%
$container-width-larger-than-phablet = 80%
$total-columns = 12
$column-width = 100 / $total-columns
$column-margin = 4%
// Misc
$global-radius = 4px