devroom.io/content/css/_layout.sass
2013-08-16 06:38:15 +02:00

38 lines
689 B
Sass

$max-width: em(1280)
$mobile: new-breakpoint(max-width 480px)
section#wrapper
@include outer-container
border: rhythm() solid transparent
@include media($mobile)
border: rhythm(0.5) solid transparent
section#page
@include outer-container
padding: rhythm(2)
@include media($mobile)
padding: rhythm(1)
header
@include span-columns(12)
section#main
section#content
@include span-columns(9)
@include media($mobile)
@include span-columns(12)
aside#sidebar
@include span-columns(3)
@include media($mobile)
@include span-columns(12)
footer
@include span-columns(12)