GitList
Browse code

fixed rake preview and updated sass to sass3 syntax

B Mathis authored on 26/07/2010 at 15:55:53
Showing 22 changed files
Gemfile
History View file @ 76b8b8c
... ... 
@@ -5,6 +5,6 @@ gem 'activesupport', "2.3.2"
5 5 
 gem 'henrik-jekyll'
6 6 
 gem 'compass'
7 7 
 gem 'compass-colors'
8 
-gem 'rdiscount'
8 
+gem 'kramdown'
9 9 
 gem 'fssm'
10 10 
 gem 'serve'
Rakefile
History View file @ 76b8b8c
... ... 
@@ -43,7 +43,7 @@ end
43 43
44 44 
 desc "generate website in output directory"
45 45 
 task :generate => [:generate_site, :generate_style] do
46 
-  puts ">>> Site Generating Complete! <<<\n\n"
46 
+  puts ">>> Site Generating Complete! <<<\n\n>>> Refresh your browser <<<"
47 47 
 end
48 48
49 49 
 # usage rake post[my-new-post] or rake post['my new post'] or rake post (defaults to "new-post")
... ... 
@@ -166,6 +166,7 @@ task :start_serve => :stop_serve do
166 166 
   cd "#{site}" do
167 167 
     print "Starting serve..."
168 168 
     ok_failed system("serve #{port} > /dev/null 2>&1 &")
169 
+    system "open http://localhost:#{port}"
169 170 
   end
170 171 
 end
171 172
... ... 
@@ -181,8 +182,7 @@ task :stop_serve do
181 181 
 end
182 182
183 183 
 desc "preview the site in a web browser"
184 
-multitask :preview => [:start_serve] do
185 
-  system "open http://localhost:#{port}"
184 
+multitask :preview => [:generate, :start_serve, :watch] do
186 185 
 end
187 186
188 187
stylesheets/_base.sass
History View file @ 76b8b8c
... ... 
@@ -1,3 +1,3 @@
1 1 
 //compass default reset
2 2 
 +global-reset
3 
-@import "compass/utilities"
4 3 
\ No newline at end of file
4 
+@import compass
5 5 
\ No newline at end of file
stylesheets/_layout.sass
History View file @ 76b8b8c
... ... 
@@ -1,51 +1,51 @@
1 
-!page_pad = 30px
2 
-!page_width = 980px
3 
-!sidebar_margin = 20px
4 
-!sidebar_width = 280px
5 
-$default_border_radius = 4px
1 
+$page_pad: 30px
2 
+$page_width: 980px
3 
+$sidebar_margin: 20px
4 
+$sidebar_width: 280px
5 
+$default_border_radius: 4px
6 6
7 7 
 html body
8 
-  background-color: #{!body_bg}
9 
-  color: #{!body_color}
8 
+  background-color: $body_bg
9 
+  color: $body_color
10 10 
   a
11 
-    color: #{!link_color}
11 
+    color: $link_color
12 12 
     &:hover, &:focus
13 
-      color: #{saturate(darken(!link_color, 15), 20)}
13 
+      color: saturate(darken($link_color, 15), 20)
14 14 
     &:visited
15 
-      color: #{darken(adjust_hue(!link_color, 70), 10)}
15 
+      color: darken(adjust_hue($link_color, 70), 10)
16 16
17 17 
 #header, #footer, #nav
18 18 
   .content
19 19 
     position: relative
20 20 
     margin: 0 auto
21 
-    width: #{!page_width - !page_pad}
22 
-    padding: 0 #{!page_pad/2}
21 
+    width: $page_width - $page_pad
22 
+    padding: 0 $page_pad/2
23 23
24 24 
 #page, #header, #footer, #nav
25 
-  min-width: #{!page_width}
25 
+  min-width: $page_width
26 26 
 #page, #content, .content
27 27 
   +pie-clearfix
28 28 
 #content
29 29 
   margin: 0 auto
30 
-  width: #{!page_width - !sidebar_width - !page_pad/2}
31 
-  padding: 0 #{!sidebar_width} 0 #{!page_pad/2}
30 
+  width: $page_width - $sidebar_width - $page_pad/2
31 
+  padding: 0 $sidebar_width 0 $page_pad/2
32 32 
 #main
33 33 
   float: left
34 34 
   width: 100%
35 35 
   .content
36 
-    padding-right: #{!sidebar_margin}
36 
+    padding-right: $sidebar_margin
37 37
38 38 
 #sidebar
39 39 
   float: left
40 
-  width: #{!sidebar_width - !sidebar_margin}
40 
+  width: $sidebar_width - $sidebar_margin
41 41 
   margin: 0 -100% 0 0
42 
-  padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin}
42 
+  padding: $page_pad 0 $page_pad $sidebar_margin
43 43
44 44 
 #page.expanded
45 45 
   #content
46 
-    width: #{!page_width - !page_pad/2}
47 
-    padding: 0 0 0 #{!page_pad/2}
46 
+    width: $page_width - $page_pad/2
47 
+    padding: 0 0 0 $page_pad/2
48 48 
   #sidebar
49 49 
     float: none
50 50 
     margin: 0
51 
-    padding: 0 0 #{!page_pad}
52 51 
\ No newline at end of file
52 
+    padding: 0 0 $page_pad
53 53 
\ No newline at end of file
stylesheets/_library.sass
History View file @ 76b8b8c
... ... 
@@ -1,7 +1,7 @@
1 
-@import "compass/utilities"
2 
-@import "compass/css3"
3 
-
4 
-@import "library/reset"
5 
-@import "library/list_borders"
6 
-@import "library/typography"
7 
-@import "library/link_colors"
8 1 
\ No newline at end of file
2 
+@import compass/utilities
3 
+@import compass/css3
4 
+
5 
+@import library/reset
6 
+@import library/list_borders
7 
+@import library/typography
8 
+@import library/link_colors
9 9 
\ No newline at end of file
stylesheets/_partials.sass
History View file @ 76b8b8c
... ... 
@@ -1,13 +1,13 @@
1 
-@import partials/shared.sass
2 
-@import partials/syntax.sass
3 
-@import partials/search.sass
4 
-@import partials/sidebar.sass
5 
-@import partials/twitter.sass
1 
+@import partials/shared
2 
+@import partials/syntax
3 
+@import partials/search
4 
+@import partials/sidebar
5 
+@import partials/twitter
6 6
7 7 
 /* layout partials */
8 
-@import partials/header.sass
9 
-@import partials/navigation.sass
10 
-@import partials/page.sass
11 
-@import partials/sidebar.sass
12 
-@import partials/blog.sass
13 
-@import partials/footer.sass
14 8 
\ No newline at end of file
9 
+@import partials/header
10 
+@import partials/navigation
11 
+@import partials/page
12 
+@import partials/sidebar
13 
+@import partials/blog
14 
+@import partials/footer
15 15 
\ No newline at end of file
stylesheets/_typography.sass
History View file @ 76b8b8c
... ... 
@@ -1,7 +1,7 @@
1 
-!base_font_size = 16px
2 
-!base_font_size_small = 13px
3 
-!base_font_color = #333
4 
-$default_border_radius = 6px
1 
+$base_font_size: 16px
2 
+$base_font_size_small: 13px
3 
+$base_font_color: #333
4 
+$default_border_radius: 6px
5 5
6 6 
 +general-typography
7 7 
 =heading-font
... ... 
@@ -10,7 +10,7 @@ $default_border_radius = 6px
10 10 
   +serif-font
11 11
12 12 
 body
13 
-  font-size= !base_font_size
13 
+  font-size: $base_font_size
14 14 
   +serif-font
15 15
16 16 
 h1,h2,h3,h4,h5,h6
... ... 
@@ -33,13 +33,13 @@ blockquote
33 33 
     color: #ddd
34 34 
   cite
35 35 
     +sans-font
36 
-    font-size= !base_font_size - 2px
36 
+    font-size: $base_font_size - 2px
37 37 
     display: block
38 
-    padding-top= !base_font_size
38 
+    padding-top: $base_font_size
39 39 
     &:before
40 40 
       content: "\30FC"
41 41 
       padding-right: 2px
42 42 
     a
43 43 
       color: inherit !important
44 44 
       &:hover
45 
-        color= !link_color !important
46 45 
\ No newline at end of file
46 
+        color: $link_color !important
47 47 
\ No newline at end of file
stylesheets/library/_float.sass
History View file @ 76b8b8c
... ... 
@@ -3,9 +3,9 @@
3 3 
 @import modules/_clearfix.sass
4 4
5 5 
 // Available as alternate syntax with just +float
6 
-=float(!side = "left")
7 
-  :display inline
8 
-  :float= !side
6 
+=float($side: "left")
7 
+  display: inline
8 
+  float: !side
9 9
10 10 
 // Implementation of float:left with fix for double-margin bug
11 11 
 =float-left
stylesheets/library/_link_colors.sass
History View file @ 76b8b8c
... ... 
@@ -1,7 +1,7 @@
1 
-$default_link_color:           #165B94 !default
2 
-$default_link_color_hover:     #fff !default
3 
-$default_link_color_alt:       #91D5F1 !default
4 
-$default_link_color_hover_alt: #000 !default
1 
+$default_link_color:           #165B94  !default
2 
+$default_link_color_hover:     #fff     !default
3 
+$default_link_color_alt:       #91D5F1  !default
4 
+$default_link_color_hover_alt: #000     !default
5 5
6 6 
 =link-color($hover: true)
7 7 
   +link-color-style($default_link_color, $default_link_color_hover, $default_link_color, $hover)
stylesheets/library/_list_borders.sass
History View file @ 76b8b8c
... ... 
@@ -1,6 +1,6 @@
1 
-=list-borders(!color1,!color2)
2 
-  border-left= "1px solid" !color1
3 
-  border-right= "1px solid" !color2
1 
+=list-borders($color1, $color2)
2 
+  border-left: 1px solid $color1
3 
+  border-right: 1px solid $color2
4 4 
   &.alpha
5 5 
     border-left: none
6 6 
   &.omega
stylesheets/library/_reset.sass
History View file @ 76b8b8c
... ... 
@@ -22,37 +22,37 @@
22 22 
   table
23 23 
     +reset-table
24 24 
   a img
25 
-    :border none
25 
+    border: none
26 26
27 27 
 =reset-box-model
28 
-  :margin 0
29 
-  :padding 0
30 
-  :border 0
28 
+  margin: 0
29 
+  padding: 0
30 
+  border: 0
31 31
32 32 
 =reset
33 33 
   +reset-box-model
34 
-  :font
35 
-    :weight inherit
36 
-    :style inherit
37 
-    :size 100%
38 
-    :family inherit
39 
-  :vertical-align baseline
34 
+  font:
35 
+    weight: inherit
36 
+    style: inherit
37 
+    size: 100%
38 
+    family: inherit
39 
+  vertical-align: baseline
40 40
41 41 
 =reset-quotation
42 42 
   +reset
43 
-  :quotes "" ""
43 
+  quotes: "" ""
44 44 
   &:before,
45 45 
   &:after
46 
-    :content ""
46 
+    content: ""
47 47
48 48 
 =reset-table-cell
49 49 
   +reset
50 
-  :text-align left
51 
-  :font-weight normal
52 
-  :vertical-align middle
50 
+  text-align: left
51 
+  font-weight: normal
52 
+  vertical-align: middle
53 53
54 54 
 =reset-table
55 55 
   +reset
56 
-  :border-collapse separate
57 
-  :border-spacing 0
58 
-  :vertical-align middle
56 
+  border-collapse: separate
57 
+  border-spacing: 0
58 
+  vertical-align: middle
stylesheets/library/_typography.sass
History View file @ 76b8b8c
... ... 
@@ -1,70 +1,74 @@
1 
-!base_font_size ||= 16px
2 
-!small ||= floor(!base_font_size * .85)
3 
-!big ||= floor(!base_font_size * 1.25)
4 
-!base_font_color ||= #333
5 
-!h6 = ceil(!base_font_size*1)
6 
-!h5 = ceil(!base_font_size*1)
7 
-!h4 = ceil(!base_font_size*1.2)
8 
-!h3 = ceil(!base_font_size*1.8)
9 
-!h2 = ceil(!base_font_size*2.8)
10 
-!h1 = ceil(!base_font_size*3.2)
1 
+$base-font-size: 16px !default
2 
+$small: floor($base-font-size * 0.85) !default
3 
+$big: floor($base-font-size * 1.25) !default
4 
+$base-font-color: #333333 !default
5 
+$h6: ceil($base-font-size * 1)
6 
+$h5: ceil($base-font-size * 1)
7 
+$h4: ceil($base-font-size * 1.2)
8 
+$h3: ceil($base-font-size * 1.8)
9 
+$h2: ceil($base-font-size * 2.8)
10 
+$h1: ceil($base-font-size * 3.2)
11 11
12 
-=heading-font
12 
+=heading-font
13 13 
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
14 
+
14 15 
 =sans-font
15 16 
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif
17 
+
16 18 
 =serif-font
17 19 
   font-family: Georgia, Times, "Times New Roman", serif
20 
+
18 21 
 =fixed-font
19 22 
   font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace
23 
+
20 24 
 =mono-font
21 25 
   +fixed-font
22 26
23 
-=general-typography(!font_size = !base_font_size)
24 
-  +set-heading-sizes(!font_size)
25 
-  +typography-defaults(!font_size)
27 
+=general-typography($font-size: $base-font-size)
28 
+  +set-heading-sizes($font-size)
29 
+  +typography-defaults($font-size)
26 30
27 
-=set-heading-sizes(!font_size = !base_font_size)
28 
-  !h6 = ceil(!font_size*1)
29 
-  !h5 = ceil(!font_size*1)
30 
-  !h4 = ceil(!font_size*1.2)
31 
-  !h3 = ceil(!font_size*1.8)
32 
-  !h2 = ceil(!font_size*2.8)
33 
-  !h1 = ceil(!font_size*3.2)
31 
+=set-heading-sizes($font-size: $base-font-size)
32 
+  $h6: ceil($font-size * 1)
33 
+  $h5: ceil($font-size * 1)
34 
+  $h4: ceil($font-size * 1.2)
35 
+  $h3: ceil($font-size * 1.8)
36 
+  $h2: ceil($font-size * 2.8)
37 
+  $h1: ceil($font-size * 3.2)
34 38 
   h1, h2, h3, h4
35 39 
     &:first-child
36 40 
       margin-top: 0
37 41 
   h1,h2,h3,h4,h5,h6
38 42 
     line-height: 1.1em
39 
-    margin-bottom: .7em
40 
-    margin-top: .3em
43 
+    margin-bottom: 0.7em
44 
+    margin-top: 0.3em
41 45 
   h1
42 
-    font-size= !h1
46 
+    font-size: $h1
43 47 
   h2
44 
-    font-size= !h2
48 
+    font-size: $h2
45 49 
   h3
46 
-    font-size= !h3
50 
+    font-size: $h3
47 51 
   h4
48 
-    font-size= !h4
52 
+    font-size: $h4
49 53 
   h5
50 
-    font-size= !h5
54 
+    font-size: $h5
51 55 
   h6
52 
-    font-size= !h6
56 
+    font-size: $h6
53 57
54 
-=typography-defaults(!font_size = !base_font_size)
58 
+=typography-defaults($font-size: $base-font-size)
55 59 
   body
56 60 
     line-height: 1.45em
57 
-    color= !base_font_color
61 
+    color: $base-font-color
58 62 
   p
59 
-    +p-style(!font_size)
63 
+    +p-style($font-size)
60 64 
   table
61 
-    +table-style(!font_size)
65 
+    +table-style($font-size)
62 66 
   ol
63 
-    +ol-style(!font_size)
67 
+    +ol-style($font-size)
64 68 
   ul
65 
-    +ul-style(!font_size)
69 
+    +ul-style($font-size)
66 70 
   dl
67 
-    +dl-style(!font_size)
71 
+    +dl-style($font-size)
68 72 
   blockquote
69 73 
     +quote-style
70 74 
   q
... ... 
@@ -80,88 +84,88 @@
80 80 
   del
81 81 
     text-decoration: line-through
82 82 
   span.highlight, em.highlight, strong.highlight
83 
-    background-color: #ff6
83 
+    background-color: #ffff66
84 84 
     padding: 2px
85 85 
     margin: 0 -2px
86 86 
   abbr, acronym
87 87 
     border-bottom: 1px dotted
88 88 
     cursor: help
89 89 
   address
90 
-    margin-top= !font_size * 1.625
90 
+    margin-top: $font-size * 1.625
91 91 
     font-style: italic
92 92 
   pre, code, tt
93 93 
     +fixed-font
94 
-    line-height= !font_size * 1.5
94 
+    line-height: $font-size * 1.5
95 95 
   tt
96 96 
     display: block
97 
-    margin= !font_size * 1.625 0
97 
+    margin: $font-size * 1.625 0
98 98 
   sub, sup
99 99 
     line-height: 0
100 100 
   hr
101 
-    margin-bottom: .2em
101 
+    margin-bottom: 0.2em
102 102 
   small, .small
103 
-    font-size= floor(!font_size * .85)
103 
+    font-size: floor($font-size * 0.85)
104 104 
   big, .big
105 
-    font-size= floor(!font_size * 1.25)
105 
+    font-size: floor($font-size * 1.25)
106 106
107 
-=ol-style(!font_size = !base_font_size)
107 
+=ol-style($font-size: $base-font-size)
108 108 
   list-style: inside decimal
109 
-  margin= 0 0 !font_size * 1.625
109 
+  margin: 0 0 $font-size * 1.625
110 110 
   li ol
111 
-    margin= 0 0 !font_size * 1.625
112 
-
113 
-=ul-style(!font_size = !base_font_size)
111 
+    margin: 0 0 $font-size * 1.625
112 
+
113 
+=ul-style($font-size: $base-font-size)
114 114 
   list-style: inside
115 
-  margin= 0 0 !font_size * 1.625
115 
+  margin: 0 0 $font-size * 1.625
116 116 
   li ul
117 
-    margin= 0 0 !font_size * 1.625
118 
-
119 
-=dl-style(!font_size = !base_font_size)
120 
-  margin= 0 0 !font_size * 1.625
117 
+    margin: 0 0 $font-size * 1.625
118 
+
119 
+=dl-style($font-size: $base-font-size)
120 
+  margin: 0 0 $font-size * 1.625
121 121 
   dt
122 122 
     font-weight: bold
123 123 
   dd
124 
-    margin-left= !font_size * 1.625
124 
+    margin-left: $font-size * 1.625
125 125
126 
-=quote-style(!font_size = !base_font_size)
127 
-  padding= !font_size*1.5 !font_size*1.5 !font_size * 1.5 !font_size * 1.8
126 
+=quote-style($font-size: $base-font-size)
127 
+  padding: $font-size * 1.5 $font-size * 1.5 $font-size * 1.5 $font-size * 1.8
128 128 
   position: relative
129 
-  margin-bottom= !font_size * 0.8125
129 
+  margin-bottom: $font-size * 0.813
130 130 
   &:before
131 131 
     content: "\201C"
132 
-    font-size= !font_size * 3
133 
-    margin= 5px 0 0 -.525em
132 
+    font-size: $font-size * 3
133 
+    margin: 5px 0 0 -0.525em
134 134 
     position: absolute
135 135 
     font-family: Times, Georgia, serif
136 136 
     line-height: 0
137 137 
   > p
138 138 
     padding: 0
139 139 
     margin: 0
140 
-
141 
-=p-style(!font_size = !base_font_size)
140 
+
141 
+=p-style($font-size: $base-font-size)
142 142 
   padding-bottom: 1.3em
143 143 
   img
144 144 
     float: left
145 145 
     margin:
146 
-      top= !font_size * .5
147 
-      right= !font_size * .8125
148 
-      bottom= !font_size* .8125
149 
-      left= 0
146 
+      top: $font-size * 0.5
147 
+      right: $font-size * 0.813
148 
+      bottom: $font-size * 0.813
149 
+      left: 0
150 150 
     padding: 0
151 151 
     &.right
152 152 
       margin:
153 
-        right= 0
154 
-        left= !font_size * .8125
153 
+        right: 0
154 
+        left: $font-size * 0.813
155 155
156 
-=table-style(!font_size = !base_font_size)
157 
-  margin= 0 0 !font_size * 1.625
156 
+=table-style($font-size: $base-font-size)
157 
+  margin: 0 0 $font-size * 1.625
158 158 
   border-collapse: collapse
159 159 
   th
160 160 
     font-weight: bold
161 161 
   tr, th, td
162 162 
     margin: 0
163 
-    padding= 0 !font_size * 1.625 0 !font_size
163 
+    padding: 0 $font-size * 1.625 0 $font-size
164 164 
   tfoot
165 165 
     font-style: italic
166 166 
   caption
167 
-    text-align: center
168 167 
\ No newline at end of file
168 
+    text-align: center
stylesheets/partials/_blog.sass
History View file @ 76b8b8c
... ... 
@@ -1,26 +1,26 @@
1 1 
 .blog
2 2 
   h2
3 3 
     padding-top: 0
4 
-    margin-bottom: .1em
4 
+    margin-bottom: 0.1em
5 5 
   .title
6 6 
     text-decoration: none
7 7 
     &:hover
8 8 
       text-decoration: underline
9 9 
   .article
10 
-    padding: #{!base_font_size * 1.5 0} #{!base_font_size * 1.5}
11 
-    border-bottom: 1px solid #{!article_border}
10 
+    padding: $base-font-size * 1.5 0 $base-font-size * 1.5
11 
+    border-bottom: 1px solid $article-border
12 12 
     &:first-child
13 13 
       padding-top: 0
14 14 
   #disqus_thread
15 
-    padding-top: #{!base_font_size}
15 
+    padding-top: $base-font-size
16 16 
   .meta
17 17 
     +sans-font
18 
-    border-bottom: 1px dashed #ddd
18 
+    border-bottom: 1px dashed #dddddd
19 19 
     text-transform: uppercase
20 
-    color: #777
20 
+    color: #777777
21 21 
     padding: 8px 0 5px
22 22 
     margin-bottom: 1.5em
23 23 
     font-size: 75%
24 24 
     letter-spacing: 1px
25 25 
   .footer
26 
-    padding-top: 15px
27 26 
\ No newline at end of file
27 
+    padding-top: 15px
stylesheets/partials/_footer.sass
History View file @ 76b8b8c
... ... 
@@ -1,12 +1,12 @@
1 1 
 #footer
2 
-  +linear-gradient(color_stops(darken(!body_bg, 5), !body_bg))
3 
-  font-size: #{!base_font_size_small}
4 
-  color: #{!footer_color}
5 
-  border-top: 10px solid #{!footer_bg}
2 
+  +linear-gradient(color-stops(darken($body-bg, 5), $body-bg))
3 
+  font-size: $base-font-size-small
4 
+  color: $footer-color
5 
+  border-top: 10px solid $footer-bg
6 6 
   padding: 15px 0
7 7 
   position: relative
8 8 
   z-index: 2
9 9 
   a
10 
-    color: #ddd
10 
+    color: #dddddd
11 11 
     &:hover
12 
-      color: #fff
13 12 
\ No newline at end of file
13 
+      color: white
stylesheets/partials/_header.sass
History View file @ 76b8b8c
... ... 
@@ -1,11 +1,11 @@
1 1 
 #header
2 2 
   background-color: $header_bg
3 
-  border-bottom: 1px solid #{$header_border}
3 
+  border-bottom: 1px solid $header_border
4 4 
   padding: 25px 0
5 5 
   h1
6 6 
     display: inline-block
7 7 
     margin: 0
8 8 
     a.title
9 9 
       font-weight: normal
10 
-      color: #{$title_color}
10 
+      color: $title_color
11 11 
       text-decoration: none
12 12 
\ No newline at end of file
stylesheets/partials/_navigation.sass
History View file @ 76b8b8c
... ... 
@@ -2,11 +2,11 @@
2 2 
   +clearfix
3 3 
   position: relative
4 4 
   z-index: 1
5 
-  background-color: #{!nav_bg}
6 
-  +linear-gradient(color_stops(#fcfcfc, #f4f4f4 .3, #ddd))
5 
+  background-color: $nav-bg
6 
+  +linear-gradient(color-stops(#fcfcfc, #f4f4f4 0.3, #dddddd))
7 7 
   border:
8 
-    top: 1px solid #{!nav_border_top}
9 
-    bottom: 1px solid #{!nav_border_bottom}
8 
+    top: 1px solid $nav-border-top
9 
+    bottom: 1px solid $nav-border-bottom
10 10 
   ul
11 11 
     position: relative
12 12 
     +horizontal-list
... ... 
@@ -14,8 +14,8 @@
14 14 
     padding: 6px 0
15 15 
     li
16 16 
       padding: 0 15px
17 
-      border-left: 1px solid #{!nav_border_left}
18 
-      border-right: 1px solid #{!nav_border_right}
17 
+      border-left: 1px solid $nav-border-left
18 
+      border-right: 1px solid $nav-border-right
19 19 
       &.alpha
20 20 
         border-left: none
21 21 
         padding-left: 0
... ... 
@@ -23,16 +23,16 @@
23 23 
         border-right: 0
24 24 
       &.subscribe
25 25 
         position: absolute
26 
-        left: #{!page_width - !sidebar_width - !sidebar_margin/2}
26 
+        left: $page-width - $sidebar-width - $sidebar-margin / 2
27 27 
         border: none
28 28 
         a
29 29 
           display: inline-block
30 30 
           padding-left: 28px
31 
-          background: url("/images/rss.png") left top no-repeat
31 
+          background: image-url("rss.png") left top no-repeat
32 32 
       a
33 33 
         display: inline-block
34 
-        color: #{!nav_color}
34 
+        color: $nav-color
35 35 
         line-height: 150%
36 36 
         text-decoration: none
37 37 
         &:hover
38 
-          color: #{!nav_color_hover}
39 38 
\ No newline at end of file
39 
+          color: $nav-color-hover
stylesheets/partials/_page.sass
History View file @ 76b8b8c
... ... 
@@ -1,8 +1,8 @@
1 1 
 #page
2 
-  background-color: #{!main_bg}
2 
+  background-color: $main_bg
3 3 
 #main
4 
-  background-color: #{!main_bg}
5 
-  border-right: 1px solid #{!sidebar_border}
4 
+  background-color: $main_bg
5 
+  border-right: 1px solid $sidebar_border
6 6 
   padding:
7 7 
     top: 25px
8 8 
     bottom: 25px
9 9 
\ No newline at end of file
stylesheets/partials/_search.sass
History View file @ 76b8b8c
... ... 
@@ -1,9 +1,9 @@
1 1 
 #search
2 2 
   position: absolute
3 
-  left: #{!page_width + !sidebar_margin - !sidebar_width}
4 
-  top: #{30%}
3 
+  left: $page-width + $sidebar-margin - $sidebar-width
4 
+  top: 30%
5 5 
   form
6 
-    background: url(/images/search_bg.png) no-repeat
6 
+    background: image-url("search_bg.png") no-repeat
7 7 
     padding: 0
8 8 
     height: 28px
9 9 
     width: 218px
... ... 
@@ -15,6 +15,6 @@
15 15 
     margin-left: 30px
16 16 
     font-size: 15px
17 17 
     border: none
18 
-    color: #aaa
18 
+    color: #aaaaaa
19 19 
     &:focus
20 
-      outline: none
21 20 
\ No newline at end of file
21 
+      outline: none
stylesheets/partials/_sidebar.sass
History View file @ 76b8b8c
... ... 
@@ -2,21 +2,21 @@
2 2 
   line-height: 1.45em
3 3 
   font-size: 90%
4 4 
   h3
5 
-    font-size: #{!h4+2}
5 
+    font-size: $h4 + 2
6 6 
     margin: 20px -15px 10px
7 7 
     padding: 12px 15px
8 
-    background: #fff
8 
+    background: white
9 9 
     border-bottom: 1px solid #e5e5e5
10 10 
     border-top: 1px solid #e5e5e5
11 11 
     &:first-child
12 12 
       margin-top: 0
13 13 
   h4
14 
-    font-size: #{!h5}
15 
-
14 
+    font-size: $h5
15 
+
16 16 
 #twitter, #delicious
17 17 
   +border-radius
18 18 
   background: #f8f8f8
19 
-  border: 1px solid #eee
19 
+  border: 1px solid #eeeeee
20 20 
   padding: 5px 0
21 21 
   ul
22 22 
     list-style-type: none
... ... 
@@ -24,7 +24,7 @@
24 24 
   li
25 25 
     margin: 0 15px
26 26 
     padding: 10px 0 0
27 
-    border-bottom: #ddd 1px dashed
27 
+    border-bottom: #dddddd 1px dashed
28 28 
     &:last-child
29 29 
       border-bottom: 0
30 30
... ... 
@@ -32,6 +32,6 @@
32 32 
   p
33 33 
     font-style: italic
34 34 
   li
35 
-    color: #666
35 
+    color: #666666
36 36 
     font-style: normal
37 
-    padding-bottom: 8px
38 37 
\ No newline at end of file
38 
+    padding-bottom: 8px
stylesheets/partials/_syntax.sass
History View file @ 76b8b8c
... ... 
@@ -1,9 +1,9 @@
1 1 
 .code_window
2 2 
   +border-top-radius(5px)
3 3 
   +border-bottom-radius(2px)
4 
-  background: #aaa #{image_url("code_bg.png")} top repeat-x
4 
+  background: #aaaaaa image-url("code_bg.png") top repeat-x
5 5 
   position: relative
6 
-  margin: .3em 0 1.3em
6 
+  margin: 0.3em 0 1.3em
7 7 
   padding: 0 3px 3px
8 8 
   font-size: 14px
9 9 
   border: 1px solid #898989
... ... 
@@ -12,26 +12,26 @@
12 12 
   border-right-color: #a5a5a5
13 13 
   em
14 14 
     text-align: center
15 
-    +text-shadow(#ccc, 1px, 1px, 1px)
15 
+    +text-shadow(#cccccc, 1px, 1px, 1px)
16 16 
     display: block
17 17 
     padding: 1px 0
18 
-    color: #333
18 
+    color: #333333
19 19 
     font-style: normal
20 20 
     +sans-font
21 21 
   .highlight
22 22 
     margin: 0
23 
-
23 
+
24 24 
 pre
25 
-  color: #ccc
25 
+  color: #cccccc
26 26 
   font-size: 13px
27 
-  background: #222
27 
+  background: #222222
28 28 
   line-height: 1.5em
29 
-  border: #aaa 1px solid
29 
+  border: #aaaaaa 1px solid
30 30 
   overflow-x: auto
31 31 
   overflow-y: hidden
32 32 
   padding: 25px 20px
33 33 
   .lineno
34 
-    color: #888
34 
+    color: #888888
35 35 
     background: #e3e3e3
36 36 
     display: inline-block
37 37 
     padding: 0 0 0 10px
... ... 
@@ -53,33 +53,33 @@ pre
53 53 
     right: 2px
54 54 
     +border-bottom-left-radius
55 55 
     display: block
56 
-    color: #777
57 
-    background: #333
56 
+    color: #777777
57 
+    background: #333333
58 58 
     &:hover
59 
-      background: #444
60 
-      color: #ccc
59 
+      background: #444444
60 
+      color: #cccccc
61 61
62 62 
 // based on: http://github.com/mojombo/tpw/raw/master/css/syntax.css
63 63 
 .editor
64 
-  background: rgb(0,22,41)
64 
+  background: rgb(0, 22, 41)
65 65 
   line-height: 1.25
66 66
67 67 
 pre.console
68 68 
   background-color: black
69 
-  color= lighten(#008000, 25)
69 
+  color: lighten(green, 25)
70 70 
   letter-spacing: 1px
71 71 
   padding: 0.5em
72 72 
   .prompt
73 
-    color= lighten(#000080, 50)
73 
+    color: lighten(navy, 50)
74 74 
     &:before
75 
-      :color white
75 
+      color: white
76 76 
       content: "["
77 77 
     &:after
78 
-      :color white
78 
+      color: white
79 79 
       content: "]"
80 80 
   .stdin
81 81 
     font-weight: bold
82 
-    color= lighten(#008000, 75)
82 
+    color: lighten(green, 75)
83 83
84 84 
 .highlight
85 85 
   padding: 0 0 0.1em
... ... 
@@ -100,7 +100,7 @@ pre.console
100 100 
     color: rgb(255, 157, 0)
101 101 
   // Paren
102 102 
   .p
103 
-    color= darken(#FF9D00, 33)
103 
+    color: darken(#ff9d00, 33)
104 104 
   // Operator
105 105 
   .o
106 106 
     color: rgb(255, 157, 0)
... ... 
@@ -121,11 +121,11 @@ pre.console
121 121 
     font-style: italic
122 122 
   // Generic.Deleted
123 123 
   .gd
124 
-    color: #000000
124 
+    color: black
125 125 
     background-color: #ffdddd
126 126 
   // Generic.Deleted.Specific
127 127 
   .gd .x
128 
-    color: #000000
128 
+    color: black
129 129 
     background-color: #ffaaaa
130 130 
   // Generic.Emph
131 131 
   .ge
... ... 
@@ -138,11 +138,11 @@ pre.console
138 138 
     color: #999999
139 139 
   // Generic.Inserted
140 140 
   .gi
141 
-    color: #000000
141 
+    color: black
142 142 
     background-color: #ddffdd
143 143 
   // Generic.Inserted.Specific
144 144 
   .gi .x
145 
-    color: #000000
145 
+    color: black
146 146 
     background-color: #aaffaa
147 147 
   // Generic.Output
148 148 
   .go
... ... 
@@ -179,28 +179,28 @@ pre.console
179 179 
     color: rgb(255, 98, 140)
180 180 
   // Literal.String
181 181 
   .s
182 
-    color: #d14
182 
+    color: #dd1144
183 183 
   // Name.Attribute
184 184 
   .na
185 
-    color: #008080
185 
+    color: teal
186 186 
   // Name.Builtin
187 187 
   .nb
188 
-    color= darken(rgb(128, 255, 187), 20)
188 
+    color: darken(rgb(128, 255, 187), 20)
189 189 
   // Name.Class
190 190 
   .nc
191 
-    color= darken(rgb(128, 255, 187), 20)
191 
+    color: darken(rgb(128, 255, 187), 20)
192 192 
   // Name.Constant
193 193 
   .no
194 194 
     color: rgb(128, 255, 187)
195 195 
   // Name.Entity
196 196 
   .ni
197 
-    color: #800080
197 
+    color: purple
198 198 
   // Name.Exception
199 199 
   .ne
200 
-    color: rgb(255,221, 0)
200 
+    color: rgb(255, 221, 0)
201 201 
   // Name.Function
202 202 
   .nf
203 
-    color: rgb(255,221, 0)
203 
+    color: rgb(255, 221, 0)
204 204 
   // Name.Namespace
205 205 
   .nn
206 206 
     color: #555555
... ... 
@@ -209,7 +209,7 @@ pre.console
209 209 
     color: white
210 210 
   // Name.Variable
211 211 
   .nv
212 
-    color: #008080
212 
+    color: teal
213 213 
   // Operator.Word
214 214 
   .ow
215 215 
     color: white
... ... 
@@ -233,34 +233,34 @@ pre.console
233 233 
     color: rgb(255, 98, 140)
234 234 
   // Literal.String.Backtick
235 235 
   .sb
236 
-    color: rgb(58,217,0)
236 
+    color: rgb(58, 217, 0)
237 237 
   // Literal.String.Char
238 238 
   .sc
239 
-    color: rgb(58,217,0)
239 
+    color: rgb(58, 217, 0)
240 240 
   // Literal.String.Doc
241 241 
   .sd
242 
-    color: rgb(58,217,0)
242 
+    color: rgb(58, 217, 0)
243 243 
   // Literal.String.Double
244 244 
   .s2
245 
-    color: rgb(58,217,0)
245 
+    color: rgb(58, 217, 0)
246 246 
   // Literal.String.Escape
247 247 
   .se
248 
-    color: rgb(58,217,0)
248 
+    color: rgb(58, 217, 0)
249 249 
   // Literal.String.Heredoc
250 250 
   .sh
251 
-    color: rgb(58,217,0)
251 
+    color: rgb(58, 217, 0)
252 252 
   // Literal.String.Interpol
253 253 
   .si
254 
-    color: rgb(158,255,128)
254 
+    color: rgb(158, 255, 128)
255 255 
   // Literal.String.Other
256 256 
   .sx
257 
-    color: rgb(58,217,0)
257 
+    color: rgb(58, 217, 0)
258 258 
   // Literal.String.Regex
259 259 
   .sr
260 260 
     color: #009926
261 261 
   // Literal.String.Single
262 262 
   .s1
263 
-    color: rgb(58,217,0)
263 
+    color: rgb(58, 217, 0)
264 264 
   // Literal.String.Symbol
265 265 
   .ss
266 266 
     color: rgb(255, 98, 140)
... ... 
@@ -269,13 +269,13 @@ pre.console
269 269 
     color: #999999
270 270 
   // Name.Variable.Class
271 271 
   .vc
272 
-    color: #008080
272 
+    color: teal
273 273 
   // Name.Variable.Global
274 274 
   .vg
275 
-    color: #008080
275 
+    color: teal
276 276 
   // Name.Variable.Instance
277 277 
   .vi
278 
-    color: #008080
278 
+    color: teal
279 279 
   // Literal.Number.Integer.Long
280 280 
   .il
281 281 
     color: rgb(255, 98, 140)
stylesheets/partials/_twitter.sass
History View file @ 76b8b8c
... ... 
@@ -2,9 +2,9 @@
2 2 
   p
3 3 
     padding-bottom: 10px
4 4 
     a.topic
5 
-      color: #{!twitter_topic}
5 
+      color: $twitter_topic
6 6 
   .meta
7 
-    color: #{!light_text}
7 
+    color: $light_text
8 8 
     font-size: 80%
9 9 
     display: block
10 10 
     padding: 8px 0 0
stylesheets/screen.sass
History View file @ 76b8b8c
... ... 
@@ -1,11 +1,11 @@
1 1 
 /* SASS mixins */
2 
-@import "library"
2 
+@import library
3 3
4 4 
 /* primary SASS */
5 
-@import "base"
6 
-@import "theme"
7 
-@import "typography"
8 
-@import "layout"
5 
+@import base
6 
+@import theme
7 
+@import typography
8 
+@import layout
9 9
10 10 
 /* specific SASS */
11 
-@import "partials"
12 11 
\ No newline at end of file
12 
+@import partials
13 13 
\ No newline at end of file