aboutsummaryrefslogtreecommitdiff
path: root/stylesheets/_layout.sass
diff options
context:
space:
mode:
authorB Mathis <brandon@imathis.com>2010-07-26 10:55:53 -0500
committerB Mathis <brandon@imathis.com>2010-07-26 10:55:53 -0500
commit76b8b8ca450dc09c86d0ad958f7397c3b1bdc36f (patch)
tree1c017153e507802955569cc88fc985baea3f1c5e /stylesheets/_layout.sass
parent5951848f724ae5a64d917dced57c328013dc2939 (diff)
downloadmy_new_personal_website-76b8b8ca450dc09c86d0ad958f7397c3b1bdc36f.tar.xz
my_new_personal_website-76b8b8ca450dc09c86d0ad958f7397c3b1bdc36f.zip
fixed rake preview and updated sass to sass3 syntax
Diffstat (limited to 'stylesheets/_layout.sass')
-rw-r--r--stylesheets/_layout.sass42
1 files changed, 21 insertions, 21 deletions
diff --git a/stylesheets/_layout.sass b/stylesheets/_layout.sass
index def1c7ac..07bb6e56 100644
--- a/stylesheets/_layout.sass
+++ b/stylesheets/_layout.sass
@@ -1,51 +1,51 @@
-!page_pad = 30px
-!page_width = 980px
-!sidebar_margin = 20px
-!sidebar_width = 280px
-$default_border_radius = 4px
+$page_pad: 30px
+$page_width: 980px
+$sidebar_margin: 20px
+$sidebar_width: 280px
+$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)}
+ color: saturate(darken($link_color, 15), 20)
&:visited
- color: #{darken(adjust_hue(!link_color, 70), 10)}
+ color: darken(adjust_hue($link_color, 70), 10)
#header, #footer, #nav
.content
position: relative
margin: 0 auto
- width: #{!page_width - !page_pad}
- padding: 0 #{!page_pad/2}
+ width: $page_width - $page_pad
+ padding: 0 $page_pad/2
#page, #header, #footer, #nav
- min-width: #{!page_width}
+ min-width: $page_width
#page, #content, .content
+pie-clearfix
#content
margin: 0 auto
- width: #{!page_width - !sidebar_width - !page_pad/2}
- padding: 0 #{!sidebar_width} 0 #{!page_pad/2}
+ 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}
+ padding-right: $sidebar_margin
#sidebar
float: left
- width: #{!sidebar_width - !sidebar_margin}
+ width: $sidebar_width - $sidebar_margin
margin: 0 -100% 0 0
- padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin}
+ padding: $page_pad 0 $page_pad $sidebar_margin
#page.expanded
#content
- width: #{!page_width - !page_pad/2}
- padding: 0 0 0 #{!page_pad/2}
+ width: $page_width - $page_pad/2
+ padding: 0 0 0 $page_pad/2
#sidebar
float: none
margin: 0
- padding: 0 0 #{!page_pad} \ No newline at end of file
+ padding: 0 0 $page_pad \ No newline at end of file