blog/stylesheets/_layout.sass

51 lines
1.1 KiB
Sass
Raw Normal View History

!page_pad = 30px
2010-03-10 19:59:18 +00:00
!page_width = 980px
!sidebar_margin = 25px
!sidebar_width = 280px
!default_border_radius = 4px
html body
2010-03-10 19:59:18 +00:00
background-color: #{!body_bg}
color: #{!body_color}
a
2010-03-10 19:59:18 +00:00
color: #{!link_color}
&:hover, &:focus
color: #{saturate(darken(!link_color, 15), 20)}
&:visited
color: #{darken(adjust_hue(!link_color, 70), 10)}
2010-03-10 19:59:18 +00:00
#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
margin: 0 auto
2010-03-10 19:59:18 +00:00
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
width: #{!sidebar_width - !page_pad/2}
2010-03-10 19:59:18 +00:00
margin: 0 -100% 0 0
padding: #{!page_pad} 0 #{!page_pad} #{!page_pad/2}
2010-03-10 19:59:18 +00:00
#page.expanded
#content
width: #{!page_width}
padding: 0
#sidebar
float: none
margin: 0
padding: 0 0 #{!page_pad}