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/partials/_navigation.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/partials/_navigation.sass')
| -rw-r--r-- | stylesheets/partials/_navigation.sass | 23 |
1 files changed, 10 insertions, 13 deletions
diff --git a/stylesheets/partials/_navigation.sass b/stylesheets/partials/_navigation.sass index bdbf5115..2667b740 100644 --- a/stylesheets/partials/_navigation.sass +++ b/stylesheets/partials/_navigation.sass @@ -2,23 +2,20 @@ +clearfix position: relative z-index: 1 - padding: 6px 0 - background: - color= !nav_bg - image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4)) - image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4)) + background-color: #{!nav_bg} + +linear-gradient(color_stops(#fcfcfc, #f4f4f4 .3, #ddd)) border: - top= "1px solid" !nav_border_top - bottom= "1px solid" !nav_border_bottom + top: 1px solid #{!nav_border_top} + bottom: 1px solid #{!nav_border_bottom} ul position: relative +horizontal-list margin: 0 auto - overflow: visible + padding: 6px 0 li padding: 0 15px - border-left= "1px solid" !nav_border_left - border-right= "1px solid" !nav_border_right + border-left: 1px solid #{!nav_border_left} + border-right: 1px solid #{!nav_border_right} &.alpha border-left: none padding-left: 0 @@ -26,7 +23,7 @@ border-right: 0 &.subscribe position: absolute - left= !page_width - !sidebar_width - !sidebar_margin/2 + left: #{!page_width - !sidebar_width - !sidebar_margin/2} border: none a display: inline-block @@ -34,8 +31,8 @@ background: url("/images/rss.png") left top no-repeat a display: inline-block - color= !nav_color + color: #{!nav_color} line-height: 150% text-decoration: none &:hover - color= !nav_color_hover
\ No newline at end of file + color: #{!nav_color_hover}
\ No newline at end of file |