stylesheets/_layout.sass
0f31b5b9
 !page_pad = 30px
42251ddd
 !page_width = 980px
e8e36199
 !sidebar_margin = 20px
16aab4ab
 !sidebar_width = 280px
d8d51719
 !default_border_radius = 4px
 
 html body
42251ddd
   background-color: #{!body_bg}
   color: #{!body_color}
d8d51719
   a
42251ddd
     color: #{!link_color}
     &:hover, &:focus
       color: #{saturate(darken(!link_color, 15), 20)}
     &:visited
       color: #{darken(adjust_hue(!link_color, 70), 10)}
d8d51719
 
42251ddd
 #header, #footer, #nav
   .content
     position: relative
     margin: 0 auto
     width: #{!page_width - !page_pad}
     padding: 0 #{!page_pad/2}
 
 #page, #header, #footer, #nav
   min-width: #{!page_width}
 #page, #content, .content
   +pie-clearfix
 #content
d8d51719
   margin: 0 auto
42251ddd
   width: #{!page_width - !sidebar_width - !page_pad/2}
   padding: 0 #{!sidebar_width} 0 #{!page_pad/2}
 #main
   float: left
   width: 100%
   .content
     padding-right: #{!sidebar_margin}
 
 #sidebar
   float: left
e8e36199
   width: #{!sidebar_width - !sidebar_margin}
42251ddd
   margin: 0 -100% 0 0
e8e36199
   padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin}
42251ddd
 
 #page.expanded
   #content
e8e36199
     width: #{!page_width - !page_pad/2}
     padding: 0 0 0 #{!page_pad/2}
42251ddd
   #sidebar
     float: none
     margin: 0
     padding: 0 0 #{!page_pad}