diff options
| author | B Mathis <brandon@imathis.com> | 2010-03-10 13:59:18 -0600 |
|---|---|---|
| committer | B Mathis <brandon@imathis.com> | 2010-03-10 13:59:18 -0600 |
| commit | 42251dddcadd8ff23f30b128f1f468b18c0adf92 (patch) | |
| tree | 75054c19ce07613f9597b4e5496d8b79c222634a /stylesheets/_layout.sass | |
| parent | 33bca7246e9f5c3b61712e44665386821acdf4b6 (diff) | |
| download | my_new_personal_website-42251dddcadd8ff23f30b128f1f468b18c0adf92.tar.xz my_new_personal_website-42251dddcadd8ff23f30b128f1f468b18c0adf92.zip | |
improved layout flexibility
Diffstat (limited to 'stylesheets/_layout.sass')
| -rw-r--r-- | stylesheets/_layout.sass | 58 |
1 files changed, 45 insertions, 13 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass index e58b0731..fe0d0d93 100644 --- a/stylesheets/_layout.sass +++ b/stylesheets/_layout.sass @@ -1,20 +1,52 @@ -!page_width = 900px -!main_width = 620px !page_pad = 30px -!sidebar_margin = 30px -!sidebar_width = !page_width - !main_width - !sidebar_margin -!pad = 15px +!page_width = 980px +!sidebar_margin = 25px +!sidebar_width = 250px !default_border_radius = 4px html body - background-color= !body_bg - color= !body_color + background-color: #{!body_bg} + color: #{!body_color} a - color= !link_color + color: #{!link_color} + &:hover, &:focus + color: #{saturate(darken(!link_color, 15), 20)} + &:visited + color: #{darken(adjust_hue(!link_color, 70), 10)} -.page_width - width= !page_width +#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 - padding: - left= !page_pad - right= !page_pad
\ No newline at end of file + 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} + margin: 0 -100% 0 0 + padding: #{!page_pad} 0 #{!page_pad} #{!page_pad} + +#page.expanded + #content + width: #{!page_width} + padding: 0 + #sidebar + float: none + margin: 0 + padding: 0 0 #{!page_pad}
\ No newline at end of file |