2013-07-25 14:58:55 +00:00
|
|
|
$max-width: em(1280)
|
|
|
|
|
2013-07-25 05:35:02 +00:00
|
|
|
$mobile: new-breakpoint(max-width 480px)
|
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
section#wrapper
|
2013-07-25 05:35:02 +00:00
|
|
|
@include outer-container
|
2013-07-25 14:58:55 +00:00
|
|
|
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)
|
2013-07-25 05:35:02 +00:00
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
header
|
|
|
|
@include span-columns(12)
|
2013-07-25 05:35:02 +00:00
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
section#main
|
|
|
|
section#content
|
|
|
|
@include span-columns(9)
|
2013-07-25 05:35:02 +00:00
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
@include media($mobile)
|
|
|
|
@include span-columns(12)
|
2013-07-25 05:35:02 +00:00
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
aside#sidebar
|
|
|
|
@include span-columns(3)
|
2013-07-25 05:35:02 +00:00
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
@include media($mobile)
|
|
|
|
@include span-columns(12)
|
2013-07-25 05:35:02 +00:00
|
|
|
|
2013-07-25 14:58:55 +00:00
|
|
|
footer
|
|
|
|
@include span-columns(12)
|