Browse code

moved stylesheets

B Mathis authored on 06/11/2009 at 03:34:41
Showing 52 changed files
... ...
@@ -1,2 +1,2 @@
1 1
 site
2
-source/stylesheets/.sass-cache
3 2
\ No newline at end of file
3
+*/.sass-cache
4 4
\ No newline at end of file
... ...
@@ -50,7 +50,6 @@ desc "Generate site files only"
50 50
 task :generate_site => :clean do
51 51
   puts "Generating website..."
52 52
   system "jekyll"
53
-  Dir["#{site}/stylesheets/*.sass"].each { |f| rm_rf(f) }
54 53
   system "mv #{site}/atom.html #{site}/atom.xml"
55 54
 end
56 55
 
57 56
deleted file mode 100644
... ...
@@ -1,3 +0,0 @@
1
-//compass default reset
2
-+global-reset
3
-@import compass/utilities.sass
4 1
\ No newline at end of file
5 2
deleted file mode 100644
... ...
@@ -1,119 +0,0 @@
1
-!page_width = 900px
2
-!sidebar_width = 250px
3
-!sidebar_margin = 30px
4
-!pad = 15px
5
-!default_border_radius = 4px
6
-
7
-html body
8
-  background-color= !body_bg
9
-  color= !body_color
10
-  a
11
-    color= !link_color
12
-
13
-#footer a
14
-  color= #ddd
15
-  &:hover
16
-    color = #fff
17
-#header
18
-  background-color= !header_bg
19
-  border-bottom= "1px solid" !header_border
20
-  padding: 30px 0
21
-  .page_width
22
-    position: relative
23
-  a.title
24
-    font-size= !h1
25
-    +heading-font
26
-    display: inline-block
27
-    color= !title_color
28
-    text-decoration: none
29
-
30
-#nav
31
-  +clearfix
32
-  position: relative
33
-  z-index: 1
34
-  padding: 6px 0
35
-  background:
36
-    color= !nav_bg
37
-    image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
38
-    image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
39
-  border:
40
-    top= "1px solid" !nav_border_top
41
-    bottom= "1px solid" !nav_border_bottom
42
-  ul
43
-    position: relative
44
-    +horizontal-list
45
-    margin: 0 auto
46
-    overflow: visible
47
-    li
48
-      padding: 0 15px
49
-      border-left= "1px solid" !nav_border_left
50
-      border-right= "1px solid" !nav_border_right
51
-      &.alpha
52
-        border-left: none
53
-        padding-left: 0
54
-      &.omega
55
-        border-right: 0
56
-      &.subscribe
57
-        position: absolute
58
-        left= !page_width - !sidebar_width - !sidebar_margin/2
59
-        border: none
60
-        a
61
-          display: inline-block
62
-          padding-left: 28px
63
-          background: url("/images/rss.png") left top no-repeat
64
-      a
65
-        display: inline-block
66
-        color= !nav_color
67
-        line-height: 150%
68
-        text-decoration: none
69
-        &:hover
70
-          color= !nav_color_hover
71
-
72
-.page_width
73
-  width= !page_width
74
-  margin: 0 auto
75
-  padding:
76
-    left: 30px
77
-    right: 30px
78
-
79
-#page
80
-  +clearfix
81
-  background-color= !page_bg
82
-  .page_width
83
-    +clearfix
84
-    padding:
85
-      top: 25px
86
-      bottom: 25px
87
-    background-color= !blog_bg
88
-    +easy-box-shadow(#ccc)
89
-    border:
90
-      left= "1px solid" !page_border_sides
91
-      right= "1px solid" !page_border_sides
92
-#main
93
-  width= !page_width - !sidebar_width - !sidebar_margin
94
-#sidebar
95
-  width= !sidebar_width
96
-  margin-left= !sidebar_margin
97
-
98
-#main, #sidebar
99
-  float: left
100
-
101
-.blog
102
-  .article
103
-    padding= !base_font_size * 1.5 0 !base_font_size * 1.5
104
-    border-bottom= "1px solid" !article_border
105
-    &:first-child
106
-      padding-top: 0
107
-  .footer
108
-    padding-top= !base_font_size
109
-
110
-
111
-#footer
112
-  position: relative
113
-  z-index: 2
114
-  font-size= !base_font_size_small
115
-  clear: both
116
-  padding= !base_font_size * 1.5 0
117
-  color= !footer_color
118
-  +h-linear-gradient(darken(!body_bg, 25), !body_bg)
119
-  border-top= "14px solid" !footer_bg
120 1
\ No newline at end of file
121 2
deleted file mode 100644
... ...
@@ -1,10 +0,0 @@
1
-@import compass/css3
2
-@import library/reset.sass
3
-@import library/clearfix.sass
4
-@import library/border_radius.sass
5
-@import library/easy_box_shadow.sass
6
-@import library/list_borders.sass
7
-@import library/typography.sass
8
-@import library/link_colors.sass
9
-@import library/gradient.sass
10
-@import library/button_style.sass
11 1
\ No newline at end of file
12 2
deleted file mode 100644
... ...
@@ -1,2 +0,0 @@
1
-@import partials/twitter.sass
2
-@import partials/search.sass
3 1
\ No newline at end of file
4 2
deleted file mode 100644
... ...
@@ -1,49 +0,0 @@
1
-// Link Colors
2
-!link_color = #165B94
3
-
4
-// Main Section Colors
5
-!body_color = #333
6
-!body_bg = #323232
7
-
8
-!header_bg = #323232
9
-!header_border = #181818
10
-!title_color = #ddd
11
-
12
-!nav_color = #555
13
-!nav_color_hover = #000
14
-!nav_bg = #e8e8e8
15
-!nav_border_top = #fff
16
-!nav_border_bottom = #aaa
17
-!nav_border_left = #ccc
18
-!nav_border_right = #fff
19
-
20
-!page_border_sides = #ccc
21
-!page_bg = #f0f0f0
22
-
23
-// Blog 
24
-!article_border = #eee
25
-!blog_bg = #fff
26
-
27
-!footer_color = #999
28
-!footer_bg = #444
29
-
30
-// Form Colors
31
-!fieldset_bg = #ececec
32
-!fieldset_border = #c3c3c3
33
-
34
-!textinput_color = #333
35
-!textinput_bg = #f4f4f4
36
-!textinput_bg_focus = #fefeee
37
-
38
-!textinput_border_top = #aaa
39
-!textinput_border_bottom = #c6c6c6
40
-!textinput_border_left = #c3c3c3
41
-!textinput_border_right = #c3c3c3
42
-!textinput_border_focus = #989898
43
-
44
-!cancel_link = #555
45
-
46
-// Button Colors
47
-!default_button_text_color = #fff
48
-!default_button_bg = yellow
49
-!blue_btn = desaturate(adjust_hue(!default_button_bg, -16), 25)
50 1
\ No newline at end of file
51 2
deleted file mode 100644
... ...
@@ -1,27 +0,0 @@
1
-!base_font_size = 16px
2
-!base_font_size_small = 13px
3
-!base_font_color = #333
4
-!default_border_radius = 6px
5
-
6
-+general-typography
7
-=heading-font
8
-  +serif-font
9
-=quote-font
10
-  +serif-font
11
-
12
-body
13
-  font-size= !base_font_size
14
-  +sans-font
15
-  
16
-h1,h2,h3,h4,h5,h6
17
-  color: #333
18
-  font-weight: bold
19
-  +heading-font
20
-
21
-blockquote
22
-  +heading-font
23
-  font-size= !base_font_size * 1.2
24
-.quote blockquote
25
-  font-size= !h4
26
-  line-height= !h5 * 1.625
27
-  color: #555
28 1
\ No newline at end of file
29 2
deleted file mode 100644
30 3
deleted file mode 100644
... ...
@@ -1,47 +0,0 @@
1
-!default_border_radius ||= 5px
2
-
3
-// Round all borders by amount
4
-=border-radius(!radius = !default_border_radius)
5
-  border-radius= !radius
6
-  -moz-border-radius= !radius
7
-  -webkit-border-radius= !radius
8
-
9
-// Round radius at position by amount.
10
-// values for !vert: "top", "bottom"
11
-// values for !horz: "left", "right
12
-=border-corner-radius(!vert, !horz, !radius = !default_border_radius)
13
-  border-#{!vert}-#{!horz}-radius= !radius
14
-  -moz-border-radius-#{!vert}#{!horz}= !radius
15
-  -webkit-border-#{!vert}-#{!horz}-radius= !radius
16
-  
17
-=border-top-left-radius(!radius = !default_border_radius)
18
-  +border-corner-radius("top", "left", !radius)
19
-
20
-=border-top-right-radius(!radius = !default_border_radius)
21
-  +border-corner-radius("top", "right", !radius)
22
-
23
-=border-bottom-left-radius(!radius = !default_border_radius)
24
-  +border-corner-radius("bottom", "left", !radius)
25
-
26
-=border-bottom-right-radius(!radius = !default_border_radius)
27
-  +border-corner-radius("bottom", "right", !radius)
28
-
29
-// Round top corners by amount
30
-=border-top-radius(!radius = !default_border_radius)
31
-  +border-top-left-radius(!radius)
32
-  +border-top-right-radius(!radius)
33
-
34
-// Round right corners by amount
35
-=border-right-radius(!radius = !default_border_radius)
36
-  +border-top-right-radius(!radius)
37
-  +border-bottom-right-radius(!radius)
38
-
39
-// Round bottom corners by amount
40
-=border-bottom-radius(!radius = !default_border_radius)
41
-  +border-bottom-left-radius(!radius)
42
-  +border-bottom-right-radius(!radius)
43
-
44
-// Round left corners by amount
45
-=border-left-radius(!radius = !default_border_radius)
46
-  +border-top-left-radius(!radius)
47
-  +border-bottom-left-radius(!radius)
48 1
\ No newline at end of file
49 2
deleted file mode 100644
... ...
@@ -1,45 +0,0 @@
1
-=btn-border-color(!color)
2
-  border-color= darken(!color, 25)
3
-
4
-=btn-text-shadow(!color)
5
-  !text_shadow = darken(!color, 25)
6
-  text-shadow= !text_shadow  "1px 1px 1px"
7
-
8
-=btn-style(!color)
9
-  !color1 = lighten(!color, 30)
10
-  !color2 = darken(!color, 20)
11
-  +h-linear-gradient(!color1, !color2)
12
-  background-color= !color
13
-  +btn-border-color(!color)
14
-  +btn-text-shadow(!color)
15
-
16
-=btn-style-hover(!color)
17
-  !color = lighten(!color, 8)
18
-  !color1 = lighten(!color, 22)
19
-  !color2 = darken(!color, 38)
20
-  +h-linear-gradient(!color1, !color2)
21
-  background-color= !color
22
-  +btn-border-color(!color)
23
-  +btn-text-shadow(!color)
24
-
25
-=btn-style-active(!color)
26
-  !color = darken(!color, 5)
27
-  !color1 = lighten(!color, 25)
28
-  !color2 = darken(!color, 35)
29
-  +h-linear-gradient(!color1, !color2)
30
-  background-color= !color
31
-  +btn-border-color(!color)
32
-  +btn-text-shadow(!color)
33
-
34
-=btn-structure(!font_size, !border_width, !line_height = !font_size *1.2)
35
-  !v_padding = floor(!font_size/2.5)
36
-  !h_padding = floor(!font_size)
37
-  !v_padding_active = !v_padding - 1px
38
-  !h_padding_active = !h_padding - 1px
39
-  border-width= !border_width
40
-  font-size= !font_size
41
-  padding= !v_padding !h_padding
42
-  line-height= !line_height
43
-  &:active
44
-    border-width= !border_width + 1px
45
-    padding= !v_padding_active !h_padding_active
46 1
\ No newline at end of file
47 2
deleted file mode 100644
... ...
@@ -1,24 +0,0 @@
1
-// based on compass clearfix
2
-
3
-@import _hacks.sass
4
-
5
-// Extends the element to enclose any floats it contains.
6
-// This basic method is preferred for the usual case, when positioned content will not show outside the bounds of the container.
7
-// Recommendations include using this in conjunction with a width:
8
-// http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html
9
-=clearfix
10
-  :overflow hidden
11
-  +has-layout
12
-
13
-// Extends the element to enclose any floats it contains.
14
-// This older "Easy Clearing" method has the advantage of allowing positioned elements to hang outside the bounds of the container, at the expense of more tricky CSS.
15
-// http://www.positioniseverything.net/easyclearing.html
16
-=pie-clearfix
17
-  &:after
18
-    :content " "
19
-    :display block
20
-    :height 0
21
-    :clear both
22
-    :overflow hidden
23
-    :visibility hidden
24
-  +has-layout
25 1
\ No newline at end of file
26 2
deleted file mode 100644
... ...
@@ -1,8 +0,0 @@
1
-!default_box_shadow_color = #333
2
-!default_box_shadow_x_offset = 1px
3
-!default_box_shadow_y_offset = 1px
4
-!default_box_shadow_blur_radius = 8px
5
-
6
-=easy-box-shadow(!color = !default_box_shadow_color, !x_offset = !default_box_shadow_x_offset, !y_offset = !default_box_shadow_y_offset, !blur_radius = !default_box_shadow_blur_radius)
7
-  +box-shadow(!x_offset, !y_offset, !blur_radius, !color)
8
-  
9 1
\ No newline at end of file
10 2
deleted file mode 100644
... ...
@@ -1,16 +0,0 @@
1
-// based on compass float
2
-
3
-@import modules/_clearfix.sass
4
-
5
-// Available as alternate syntax with just +float
6
-=float(!side = "left")
7
-  :display inline
8
-  :float= !side
9
-
10
-// Implementation of float:left with fix for double-margin bug
11
-=float-left
12
-  +float("left")
13
-
14
-// Implementation of float:right with fix for double-margin bug
15
-=float-right
16
-  +float("right")
17 1
\ No newline at end of file
18 2
deleted file mode 100644
... ...
@@ -1,15 +0,0 @@
1
-=linear-gradient(!from_coord, !to_coord, !color_start, !color_end, !color_stop1 = 0, !color_stop1_pos = .3, !color_stop_2 = 0, !color_stop2_pos = .9)
2
-  !gradient = "#{!from_coord}, #{!to_coord}, from(#{!color_start}), to(#{!color_end})"
3
-  //@if !color_stop1 != 0
4
-  //  !gradient += "color-stop(#{!color_stop1_pos}, #{!color_stop1})"
5
-  background= "-webkit-gradient(linear, #{!gradient})"
6
-  background= "-moz-linear-gradient(#{!gradient})"
7
-
8
-=h-linear-gradient(!color1, !color2)
9
-  +linear-gradient("left top", "left bottom", !color1, !color2)
10
-
11
-=v-linear-gradient(!color1, !color2)
12
-  +linear-gradient("left top", "right top", !color1, !color2)
13
-
14
-//=h-three-color-gradient(!color1, !color2, !color3, !color3_pos = .5)
15
-//  +linear-gradient("left top", "left bottom", !color1, !color2, !color3, !color3_pos)
16 1
\ No newline at end of file
17 2
deleted file mode 100644
... ...
@@ -1,8 +0,0 @@
1
-// based on compass hacks
2
-
3
-=has-layout
4
-  // This makes ie6 get layout
5
-  :display inline-block
6
-  // and this puts it back to block
7
-  &
8
-    :display block
9 1
\ No newline at end of file
10 2
deleted file mode 100644
... ...
@@ -1,24 +0,0 @@
1
-!default_link_color           ||= #165B94
2
-!default_link_color_hover     ||= #fff
3
-!default_link_color_alt       ||= #91D5F1
4
-!default_link_color_hover_alt ||= #000
5
-
6
-=link-color(!hover = true)
7
-  +link-color-style(!default_link_color, !default_link_color_hover, !default_link_color, !hover)
8
-
9
-=link-color-alt(!hover = true)
10
-  +link-color-style(!default_link_color_alt, !default_link_color_hover_alt, !default_link_color_alt, !hover)
11
-  
12
-=link-color-heading(!link_color = "inherit", !hover_bg_color = #ccc)
13
-  +link-color-style(!link_color,)
14
-
15
-=link-color-style(!color = !default_link_color, !color_hover = !default_link_color_hover, !link_hover_bg = !color, !hover = true)
16
-  color= !color
17
-  padding: 2px
18
-  margin: 0 -2px
19
-  +border-radius(3px)
20
-  @if !hover
21
-    &:hover
22
-      background-color= !link_hover_bg
23
-      color= !color_hover
24
-      text-decoration: none
25 1
\ No newline at end of file
26 2
deleted file mode 100644
... ...
@@ -1,7 +0,0 @@
1
-=list-borders(!color1,!color2)
2
-  border-left= "1px solid" !color1
3
-  border-right= "1px solid" !color2
4
-  &.alpha
5
-    border-left: none
6
-  &.omega
7
-    border-right: 0
8 1
\ No newline at end of file
9 2
deleted file mode 100644
... ...
@@ -1,18 +0,0 @@
1
-//**
2
-  Provides cross-browser css opacity.
3
-  @param !opacity
4
-    A number between 0 and 1, where 0 is transparent and 1 is opaque.
5
-=opacity(!opacity)
6
-  :opacity= !opacity
7
-  :-moz-opacity= !opacity
8
-  :-khtml-opacity= !opacity
9
-  :-ms-filter= "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + round(!opacity*100) + ")"
10
-  :filter= "alpha(opacity=" + round(!opacity*100) + ")"
11
-
12
-// Make an element completely transparent.
13
-=transparent
14
-  +opacity(0)
15
-
16
-// Make an element completely opaque.
17
-=opaque
18
-  +opacity(1)
19 1
deleted file mode 100644
... ...
@@ -1,58 +0,0 @@
1
-// Borrowed from the blueprint reset
2
-
3
-// Global reset rules.
4
-// For more specific resets, use the reset mixins provided below
5
-=global-reset
6
-  html, body
7
-    +reset
8
-  +nested-reset
9
-
10
-// Reset all elements within some selector scope.To reset the selector itself,
11
-// mixin the appropriate reset mixin for that element type as well. This could be
12
-// useful if you want to style a part of your page in a dramatically different way.
13
-=nested-reset
14
-  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
15
-  pre, a, abbr, acronym, address, code, del, dfn, em, img,
16
-  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
17
-    +reset
18
-  blockquote, q
19
-    +reset-quotation
20
-  th, td, caption
21
-    +reset-table-cell
22
-  table
23
-    +reset-table
24
-  a img
25
-    :border none
26
-
27
-=reset-box-model
28
-  :margin 0
29
-  :padding 0
30
-  :border 0
31
-
32
-=reset
33
-  +reset-box-model
34
-  :font
35
-    :weight inherit
36
-    :style inherit
37
-    :size 100%
38
-    :family inherit
39
-  :vertical-align baseline
40
-
41
-=reset-quotation
42
-  +reset
43
-  :quotes "" ""
44
-  &:before,
45
-  &:after
46
-    :content ""
47
-
48
-=reset-table-cell
49
-  +reset
50
-  :text-align left
51
-  :font-weight normal
52
-  :vertical-align middle
53
-
54
-=reset-table
55
-  +reset
56
-  :border-collapse separate
57
-  :border-spacing 0
58
-  :vertical-align middle
59 1
deleted file mode 100644
... ...
@@ -1,4 +0,0 @@
1
-=sprite-column-hover-row(!col, !row_hover=2, !width=!sprite_default_size, !height=!sprite_default_size, !margin=!sprite_default_margin)
2
-  +sprite-position(!col, 1, !width, !height, !margin)
3
-  &:hover
4
-    +sprite-position(!col, !row_hover, !width, !height, !margin)
5 1
\ No newline at end of file
6 2
deleted file mode 100644
... ...
@@ -1,52 +0,0 @@
1
-//**
2
-  Example 1:
3
-  a.twitter
4
-    +sprite-img("icons-32.png", 1)
5
-  a.facebook
6
-    +sprite-img("icons-32png", 2)
7
-  ...
8
-  Example 2:
9
-  a
10
-    +sprite-background("icons-32.png")
11
-    a.twitter
12
-      +sprite-column(1)
13
-    a.facebook
14
-      +sprite-row(2)
15
-    ...
16
- 
17
-!sprite_default_size  ||= 32px
18
-!sprite_default_margin ||= 0px
19
-!sprite_image_default_width ||= !sprite_default_size
20
-!sprite_image_default_height ||= !sprite_default_size
21
- 
22
- 
23
-// Sets all the rules for a sprite from a given sprite image to show just one of the sprites.
24
-// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
25
-=sprite-img(!img, !col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
26
-  +sprite-background(!img, !width, !height)
27
-  +sprite-position(!col, !row, !width, !height, !margin)
28
- 
29
-// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
30
-=sprite-background(!img, !width = !sprite_default_size, !height = !width)
31
-  +sprite-background-rectangle(!img, !width, !height)
32
- 
33
-// Sets rules common for all sprites, assumes a rectangular region.
34
-=sprite-background-rectangle(!img, !width = !sprite_image_default_width, !height = !sprite_image_default_height)
35
-  :background= image_url(!img) "no-repeat"
36
-  :width= !width
37
-  :height= !height
38
-  :overflow hidden
39
- 
40
-// Allows horizontal sprite positioning optimized for a single row of sprites.
41
-=sprite-column(!col, !width = !sprite_image_default_width, !margin = !sprite_default_margin)
42
-  +sprite-position(!col, 1, !width, 0px, !margin)
43
- 
44
-// Allows vertical sprite positioning optimized for a single column of sprites.
45
-=sprite-row(!row, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
46
-  +sprite-position(1, !row, 0px, !height, !margin)
47
- 
48
-// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
49
-=sprite-position(!col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
50
-  !x = ((!col - 1) * -!width) - ((!col - 1) * !margin)
51
-  !y = ((!row - 1) * -!height) - ((!row - 1) * !margin)
52
-  :background-position= !x !y
53 1
\ No newline at end of file
54 2
deleted file mode 100644
... ...
@@ -1,177 +0,0 @@
1
-!base_font_size ||= 14px
2
-!base_font_size_small ||= 12px
3
-!base_font_color ||= #333
4
-!h6 = ceil(!base_font_size*1.3)
5
-!h5 = ceil(!base_font_size*1.4)
6
-!h4 = ceil(!base_font_size*1.7)
7
-!h3 = ceil(!base_font_size*1.9)
8
-!h2 = ceil(!base_font_size*2.2)
9
-!h1 = ceil(!base_font_size*2.5)
10
-
11
-=heading-font 
12
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
13
-=sans-font
14
-  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif
15
-=serif-font
16
-  font-family: Times, "Times New Roman" Georgia, serif
17
-=fixed-font
18
-  font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace
19
-
20
-=general-typography(!font_size = !base_font_size)
21
-  +set-heading-sizes(!font_size)
22
-  +typography-defaults(!font_size)
23
-
24
-=set-heading-sizes(!font_size = !base_font_size)
25
-  !h6 = ceil(!font_size*1.3)
26
-  !h5 = ceil(!font_size*1.4)
27
-  !h4 = ceil(!font_size*1.7)
28
-  !h3 = ceil(!font_size*1.9)
29
-  !h2 = ceil(!font_size*2.2)
30
-  !h1 = ceil(!font_size*2.5)
31
-  h1, h2, h3, h4
32
-    &:first-child
33
-      margin-top: 0
34
-  h1
35
-    font-size= !h1
36
-    margin-bottom= !font_size * .765
37
-    line-height= !h1 * 1.625
38
-  h2
39
-    font-size= !h2
40
-    margin-bottom= !font_size * .855
41
-    line-height= !h2 * 1.625
42
-  h3
43
-    font-size= !h3
44
-    margin-bottom= !font_size * .956
45
-    line-height= !h3 * 1.625
46
-  h4
47
-    font-size= !h4
48
-    margin-bottom= !font_size * 1.161
49
-    line-height= !h4 * 1.625
50
-  h5
51
-    font-size= !h5
52
-    margin-bottom= !font_size * 1.238
53
-    line-height= !h5 * 1.625
54
-  h6
55
-    font-size= !h6
56
-    margin-bottom= !font_size * 1.625
57
-    line-height= !h6 * 1.625
58
-
59
-=typography-defaults(!font_size = !base_font_size)
60
-  body
61
-    line-height= ceil(!font_size * 1.625)
62
-    color= !base_font_color
63
-  p
64
-    +p-style(!font_size)
65
-  table
66
-    +table-style(!font_size)
67
-  ol
68
-    +ol-style(!font_size)
69
-  ul
70
-    +ul-style(!font_size)
71
-  dl
72
-    +dl-style(!font_size)
73
-  blockquote
74
-    +quote-style
75
-  q
76
-    font-style: italic
77
-    &:before
78
-      content: "\201C"
79
-    &:after
80
-      content: "\201D"
81
-  em, dfn
82
-    font-style: italic
83
-  strong, dfn
84
-    font-weight: bold
85
-  del
86
-    text-decoration: line-through
87
-  span.highlight, em.highlight, strong.highlight
88
-    background-color: #ff6
89
-    padding: 2px
90
-    margin: 0 -2px
91
-  abbr, acronym
92
-    border-bottom: 1px dotted
93
-    cursor: help
94
-  address
95
-    margin-top= !font_size * 1.625
96
-    font-style: italic
97
-  pre, code
98
-    margin= !font_size * 1.625 0
99
-    white-space: pre
100
-  pre, code, tt
101
-    +fixed-font
102
-    line-height= !font_size * 1.5
103
-  tt
104
-    display: block
105
-    margin= !font_size * 1.625 0
106
-  sub, sup
107
-    line-height: 0
108
-  hr
109
-    margin-bottom= !font_size * 1.625
110
-  
111
-  small
112
-    font-size= floor(!font_size * .85)
113
-  big
114
-    font-size= floor(!font_size * 1.25)
115
-
116
-=ol-style(!font_size = !base_font_size)
117
-  list-style: outside
118
-  margin= 0 0 !font_size * 1.625
119
-  li
120
-    list-style: decimal
121
-    ol
122
-      margin= 0 0 !font_size * 1.625
123
-      
124
-=ul-style(!font_size = !base_font_size)
125
-  list-style: outside
126
-  margin= 0 0 !font_size * 1.625
127
-  li ul
128
-    margin= 0 0 !font_size * 1.625
129
-    
130
-=dl-style(!font_size = !base_font_size)
131
-  margin= 0 0 !font_size * 1.625
132
-  dt
133
-    font-weight: bold
134
-  dd
135
-    margin-left= !font_size * 1.625
136
-
137
-=quote-style(!font_size = !base_font_size)
138
-  padding= !font_size !font_size !font_size * 1.625 !font_size * 1.4
139
-  &:before
140
-    content: "\201C"
141
-    font-size= !font_size * 3
142
-    margin= 0 0 0 -.625em
143
-    position: absolute
144
-    font-family: Times, Georgia, serif
145
-    color: #aaa
146
-    line-height: 0
147
-  > p
148
-    padding: 0
149
-    margin: 0
150
-    
151
-=p-style(!font_size = !base_font_size)
152
-  padding-bottom= !font_size * 0.8125
153
-  img
154
-    float: left
155
-    margin:
156
-      top= !font_size * .5
157
-      right= !font_size * .8125
158
-      bottom= !font_size* .8125
159
-      left= 0
160
-    padding: 0
161
-    &.right
162
-      margin:
163
-        right= 0
164
-        left= !font_size * .8125
165
-
166
-=table-style(!font_size = !base_font_size)
167
-  margin= 0 0 !font_size * 1.625
168
-  border-collapse: collapse
169
-  th
170
-    font-weight: bold
171
-  tr, th, td
172
-    margin: 0
173
-    padding= 0 !font_size * 1.625 0 !font_size
174
-  tfoot
175
-    font-style: italic
176
-  caption
177
-    text-align: center
178 1
\ No newline at end of file
179 2
deleted file mode 100644
... ...
@@ -1,18 +0,0 @@
1
-#search
2
-  position: absolute
3
-  left= !page_width + !sidebar_margin - !sidebar_width
4
-  top= 10%
5
-  form
6
-    background: url(/images/search_bg.png) no-repeat
7
-    padding: 2px 0 0
8
-    height: 28px
9
-    width: 218px
10
-  #q
11
-    background: none
12
-    width: 160px
13
-    margin-left: 30px
14
-    font-size: 15px
15
-    border: none
16
-    color: #aaa
17
-    &:focus
18
-      outline: none
19 1
\ No newline at end of file
20 2
deleted file mode 100644
... ...
@@ -1,2 +0,0 @@
1
-#twitter
2
-  font-size: 85%
3 1
\ No newline at end of file
4 2
deleted file mode 100644
5 3
deleted file mode 100644
... ...
@@ -1,11 +0,0 @@
1
-/* SASS mixins */
2
-@import library.sass
3
-
4
-/* primary SASS */
5
-@import base.sass
6
-@import theme.sass
7
-@import typography.sass
8
-@import layout.sass
9
-
10
-/* specific SASS */
11
-@import partials.sass
12 1
\ No newline at end of file
13 2
new file mode 100644
... ...
@@ -0,0 +1,3 @@
0
+//compass default reset
1
++global-reset
2
+@import compass/utilities.sass
0 3
\ No newline at end of file
1 4
new file mode 100644
... ...
@@ -0,0 +1,119 @@
0
+!page_width = 900px
1
+!sidebar_width = 250px
2
+!sidebar_margin = 30px
3
+!pad = 15px
4
+!default_border_radius = 4px
5
+
6
+html body
7
+  background-color= !body_bg
8
+  color= !body_color
9
+  a
10
+    color= !link_color
11
+
12
+#footer a
13
+  color= #ddd
14
+  &:hover
15
+    color = #fff
16
+#header
17
+  background-color= !header_bg
18
+  border-bottom= "1px solid" !header_border
19
+  padding: 30px 0
20
+  .page_width
21
+    position: relative
22
+  a.title
23
+    font-size= !h1
24
+    +heading-font
25
+    display: inline-block
26
+    color= !title_color
27
+    text-decoration: none
28
+
29
+#nav
30
+  +clearfix
31
+  position: relative
32
+  z-index: 1
33
+  padding: 6px 0
34
+  background:
35
+    color= !nav_bg
36
+    image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
37
+    image: -moz-linear-gradient(left top, left bottom, from(#fcfcfc), to(#ddd), color-stop(0.3, #f4f4f4))
38
+  border:
39
+    top= "1px solid" !nav_border_top
40
+    bottom= "1px solid" !nav_border_bottom
41
+  ul
42
+    position: relative
43
+    +horizontal-list
44
+    margin: 0 auto
45
+    overflow: visible
46
+    li
47
+      padding: 0 15px
48
+      border-left= "1px solid" !nav_border_left
49
+      border-right= "1px solid" !nav_border_right
50
+      &.alpha
51
+        border-left: none
52
+        padding-left: 0
53
+      &.omega
54
+        border-right: 0
55
+      &.subscribe
56
+        position: absolute
57
+        left= !page_width - !sidebar_width - !sidebar_margin/2
58
+        border: none
59
+        a
60
+          display: inline-block
61
+          padding-left: 28px
62
+          background: url("/images/rss.png") left top no-repeat
63
+      a
64
+        display: inline-block
65
+        color= !nav_color
66
+        line-height: 150%
67
+        text-decoration: none
68
+        &:hover
69
+          color= !nav_color_hover
70
+
71
+.page_width
72
+  width= !page_width
73
+  margin: 0 auto
74
+  padding:
75
+    left: 30px
76
+    right: 30px
77
+
78
+#page
79
+  +clearfix
80
+  background-color= !page_bg
81
+  .page_width
82
+    +clearfix
83
+    padding:
84
+      top: 25px
85
+      bottom: 25px
86
+    background-color= !blog_bg
87
+    +easy-box-shadow(#ccc)
88
+    border:
89
+      left= "1px solid" !page_border_sides
90
+      right= "1px solid" !page_border_sides
91
+#main
92
+  width= !page_width - !sidebar_width - !sidebar_margin
93
+#sidebar
94
+  width= !sidebar_width
95
+  margin-left= !sidebar_margin
96
+
97
+#main, #sidebar
98
+  float: left
99
+
100
+.blog
101
+  .article
102
+    padding= !base_font_size * 1.5 0 !base_font_size * 1.5
103
+    border-bottom= "1px solid" !article_border
104
+    &:first-child
105
+      padding-top: 0
106
+  .footer
107
+    padding-top= !base_font_size
108
+
109
+
110
+#footer
111
+  position: relative
112
+  z-index: 2
113
+  font-size= !base_font_size_small
114
+  clear: both
115
+  padding= !base_font_size * 1.5 0
116
+  color= !footer_color
117
+  +h-linear-gradient(darken(!body_bg, 25), !body_bg)
118
+  border-top= "14px solid" !footer_bg
0 119
\ No newline at end of file
1 120
new file mode 100644
... ...
@@ -0,0 +1,10 @@
0
+@import compass/css3
1
+@import library/reset.sass
2
+@import library/clearfix.sass
3
+@import library/border_radius.sass
4
+@import library/easy_box_shadow.sass
5
+@import library/list_borders.sass
6
+@import library/typography.sass
7
+@import library/link_colors.sass
8
+@import library/gradient.sass
9
+@import library/button_style.sass
0 10
\ No newline at end of file
1 11
new file mode 100644
... ...
@@ -0,0 +1,2 @@
0
+@import partials/twitter.sass
1
+@import partials/search.sass
0 2
\ No newline at end of file
1 3
new file mode 100644
... ...
@@ -0,0 +1,49 @@
0
+// Link Colors
1
+!link_color = #165B94
2
+
3
+// Main Section Colors
4
+!body_color = #333
5
+!body_bg = #323232
6
+
7
+!header_bg = #323232
8
+!header_border = #181818
9
+!title_color = #ddd
10
+
11
+!nav_color = #555
12
+!nav_color_hover = #000
13
+!nav_bg = #e8e8e8
14
+!nav_border_top = #fff
15
+!nav_border_bottom = #aaa
16
+!nav_border_left = #ccc
17
+!nav_border_right = #fff
18
+
19
+!page_border_sides = #ccc
20
+!page_bg = #f0f0f0
21
+
22
+// Blog 
23
+!article_border = #eee
24
+!blog_bg = #fff
25
+
26
+!footer_color = #999
27
+!footer_bg = #444
28
+
29
+// Form Colors
30
+!fieldset_bg = #ececec
31
+!fieldset_border = #c3c3c3
32
+
33
+!textinput_color = #333
34
+!textinput_bg = #f4f4f4
35
+!textinput_bg_focus = #fefeee
36
+
37
+!textinput_border_top = #aaa
38
+!textinput_border_bottom = #c6c6c6
39
+!textinput_border_left = #c3c3c3
40
+!textinput_border_right = #c3c3c3
41
+!textinput_border_focus = #989898
42
+
43
+!cancel_link = #555
44
+
45
+// Button Colors
46
+!default_button_text_color = #fff
47
+!default_button_bg = yellow
48
+!blue_btn = desaturate(adjust_hue(!default_button_bg, -16), 25)
0 49
\ No newline at end of file
1 50
new file mode 100644
... ...
@@ -0,0 +1,27 @@
0
+!base_font_size = 16px
1
+!base_font_size_small = 13px
2
+!base_font_color = #333
3
+!default_border_radius = 6px
4
+
5
++general-typography
6
+=heading-font
7
+  +serif-font
8
+=quote-font
9
+  +serif-font
10
+
11
+body
12
+  font-size= !base_font_size
13
+  +sans-font
14
+  
15
+h1,h2,h3,h4,h5,h6
16
+  color: #333
17
+  font-weight: bold
18
+  +heading-font
19
+
20
+blockquote
21
+  +heading-font
22
+  font-size= !base_font_size * 1.2
23
+.quote blockquote
24
+  font-size= !h4
25
+  line-height= !h5 * 1.625
26
+  color: #555
0 27
\ No newline at end of file
1 28
new file mode 100644
2 29
new file mode 100644
... ...
@@ -0,0 +1,47 @@
0
+!default_border_radius ||= 5px
1
+
2
+// Round all borders by amount
3
+=border-radius(!radius = !default_border_radius)
4
+  border-radius= !radius
5
+  -moz-border-radius= !radius
6
+  -webkit-border-radius= !radius
7
+
8
+// Round radius at position by amount.
9
+// values for !vert: "top", "bottom"
10
+// values for !horz: "left", "right
11
+=border-corner-radius(!vert, !horz, !radius = !default_border_radius)
12
+  border-#{!vert}-#{!horz}-radius= !radius
13
+  -moz-border-radius-#{!vert}#{!horz}= !radius
14
+  -webkit-border-#{!vert}-#{!horz}-radius= !radius
15
+  
16
+=border-top-left-radius(!radius = !default_border_radius)
17
+  +border-corner-radius("top", "left", !radius)
18
+
19
+=border-top-right-radius(!radius = !default_border_radius)
20
+  +border-corner-radius("top", "right", !radius)
21
+
22
+=border-bottom-left-radius(!radius = !default_border_radius)
23
+  +border-corner-radius("bottom", "left", !radius)
24
+
25
+=border-bottom-right-radius(!radius = !default_border_radius)
26
+  +border-corner-radius("bottom", "right", !radius)
27
+
28
+// Round top corners by amount
29
+=border-top-radius(!radius = !default_border_radius)
30
+  +border-top-left-radius(!radius)
31
+  +border-top-right-radius(!radius)
32
+
33
+// Round right corners by amount
34
+=border-right-radius(!radius = !default_border_radius)
35
+  +border-top-right-radius(!radius)
36
+  +border-bottom-right-radius(!radius)
37
+
38
+// Round bottom corners by amount
39
+=border-bottom-radius(!radius = !default_border_radius)
40
+  +border-bottom-left-radius(!radius)
41
+  +border-bottom-right-radius(!radius)
42
+
43
+// Round left corners by amount
44
+=border-left-radius(!radius = !default_border_radius)
45
+  +border-top-left-radius(!radius)
46
+  +border-bottom-left-radius(!radius)
0 47
\ No newline at end of file
1 48
new file mode 100644
... ...
@@ -0,0 +1,45 @@
0
+=btn-border-color(!color)
1
+  border-color= darken(!color, 25)
2
+
3
+=btn-text-shadow(!color)
4
+  !text_shadow = darken(!color, 25)
5
+  text-shadow= !text_shadow  "1px 1px 1px"
6
+
7
+=btn-style(!color)
8
+  !color1 = lighten(!color, 30)
9
+  !color2 = darken(!color, 20)
10
+  +h-linear-gradient(!color1, !color2)
11
+  background-color= !color
12
+  +btn-border-color(!color)
13
+  +btn-text-shadow(!color)
14
+
15
+=btn-style-hover(!color)
16
+  !color = lighten(!color, 8)
17
+  !color1 = lighten(!color, 22)
18
+  !color2 = darken(!color, 38)
19
+  +h-linear-gradient(!color1, !color2)
20
+  background-color= !color
21
+  +btn-border-color(!color)
22
+  +btn-text-shadow(!color)
23
+
24
+=btn-style-active(!color)
25
+  !color = darken(!color, 5)
26
+  !color1 = lighten(!color, 25)
27
+  !color2 = darken(!color, 35)
28
+  +h-linear-gradient(!color1, !color2)
29
+  background-color= !color
30
+  +btn-border-color(!color)
31
+  +btn-text-shadow(!color)
32
+
33
+=btn-structure(!font_size, !border_width, !line_height = !font_size *1.2)
34
+  !v_padding = floor(!font_size/2.5)
35
+  !h_padding = floor(!font_size)
36
+  !v_padding_active = !v_padding - 1px
37
+  !h_padding_active = !h_padding - 1px
38
+  border-width= !border_width
39
+  font-size= !font_size
40
+  padding= !v_padding !h_padding
41
+  line-height= !line_height
42
+  &:active
43
+    border-width= !border_width + 1px
44
+    padding= !v_padding_active !h_padding_active
0 45
\ No newline at end of file
1 46
new file mode 100644
... ...
@@ -0,0 +1,24 @@
0
+// based on compass clearfix
1
+
2
+@import _hacks.sass
3
+
4
+// Extends the element to enclose any floats it contains.
5
+// This basic method is preferred for the usual case, when positioned content will not show outside the bounds of the container.
6
+// Recommendations include using this in conjunction with a width:
7
+// http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html
8
+=clearfix
9
+  :overflow hidden
10
+  +has-layout
11
+
12
+// Extends the element to enclose any floats it contains.
13
+// This older "Easy Clearing" method has the advantage of allowing positioned elements to hang outside the bounds of the container, at the expense of more tricky CSS.
14
+// http://www.positioniseverything.net/easyclearing.html
15
+=pie-clearfix
16
+  &:after
17
+    :content " "
18
+    :display block
19
+    :height 0
20
+    :clear both
21
+    :overflow hidden
22
+    :visibility hidden
23
+  +has-layout
0 24
\ No newline at end of file
1 25
new file mode 100644
... ...
@@ -0,0 +1,8 @@
0
+!default_box_shadow_color = #333
1
+!default_box_shadow_x_offset = 1px
2
+!default_box_shadow_y_offset = 1px
3
+!default_box_shadow_blur_radius = 8px
4
+
5
+=easy-box-shadow(!color = !default_box_shadow_color, !x_offset = !default_box_shadow_x_offset, !y_offset = !default_box_shadow_y_offset, !blur_radius = !default_box_shadow_blur_radius)
6
+  +box-shadow(!x_offset, !y_offset, !blur_radius, !color)
7
+  
0 8
\ No newline at end of file
1 9
new file mode 100644
... ...
@@ -0,0 +1,16 @@
0
+// based on compass float
1
+
2
+@import modules/_clearfix.sass
3
+
4
+// Available as alternate syntax with just +float
5
+=float(!side = "left")
6
+  :display inline
7
+  :float= !side
8
+
9
+// Implementation of float:left with fix for double-margin bug
10
+=float-left
11
+  +float("left")
12
+
13
+// Implementation of float:right with fix for double-margin bug
14
+=float-right
15
+  +float("right")
0 16
\ No newline at end of file
1 17
new file mode 100644
... ...
@@ -0,0 +1,15 @@
0
+=linear-gradient(!from_coord, !to_coord, !color_start, !color_end, !color_stop1 = 0, !color_stop1_pos = .3, !color_stop_2 = 0, !color_stop2_pos = .9)
1
+  !gradient = "#{!from_coord}, #{!to_coord}, from(#{!color_start}), to(#{!color_end})"
2
+  //@if !color_stop1 != 0
3
+  //  !gradient += "color-stop(#{!color_stop1_pos}, #{!color_stop1})"
4
+  background= "-webkit-gradient(linear, #{!gradient})"
5
+  background= "-moz-linear-gradient(#{!gradient})"
6
+
7
+=h-linear-gradient(!color1, !color2)
8
+  +linear-gradient("left top", "left bottom", !color1, !color2)
9
+
10
+=v-linear-gradient(!color1, !color2)
11
+  +linear-gradient("left top", "right top", !color1, !color2)
12
+
13
+//=h-three-color-gradient(!color1, !color2, !color3, !color3_pos = .5)
14
+//  +linear-gradient("left top", "left bottom", !color1, !color2, !color3, !color3_pos)
0 15
\ No newline at end of file
1 16
new file mode 100644
... ...
@@ -0,0 +1,8 @@
0
+// based on compass hacks
1
+
2
+=has-layout
3
+  // This makes ie6 get layout
4
+  :display inline-block
5
+  // and this puts it back to block
6
+  &
7
+    :display block
0 8
\ No newline at end of file
1 9
new file mode 100644
... ...
@@ -0,0 +1,24 @@
0
+!default_link_color           ||= #165B94
1
+!default_link_color_hover     ||= #fff
2
+!default_link_color_alt       ||= #91D5F1
3
+!default_link_color_hover_alt ||= #000
4
+
5
+=link-color(!hover = true)
6
+  +link-color-style(!default_link_color, !default_link_color_hover, !default_link_color, !hover)
7
+
8
+=link-color-alt(!hover = true)
9
+  +link-color-style(!default_link_color_alt, !default_link_color_hover_alt, !default_link_color_alt, !hover)
10
+  
11
+=link-color-heading(!link_color = "inherit", !hover_bg_color = #ccc)
12
+  +link-color-style(!link_color,)
13
+
14
+=link-color-style(!color = !default_link_color, !color_hover = !default_link_color_hover, !link_hover_bg = !color, !hover = true)
15
+  color= !color
16
+  padding: 2px
17
+  margin: 0 -2px
18
+  +border-radius(3px)
19
+  @if !hover
20
+    &:hover
21
+      background-color= !link_hover_bg
22
+      color= !color_hover
23
+      text-decoration: none
0 24
\ No newline at end of file
1 25
new file mode 100644
... ...
@@ -0,0 +1,7 @@
0
+=list-borders(!color1,!color2)
1
+  border-left= "1px solid" !color1
2
+  border-right= "1px solid" !color2
3
+  &.alpha
4
+    border-left: none
5
+  &.omega
6
+    border-right: 0
0 7
\ No newline at end of file
1 8
new file mode 100644
... ...
@@ -0,0 +1,18 @@
0
+//**
1
+  Provides cross-browser css opacity.
2
+  @param !opacity
3
+    A number between 0 and 1, where 0 is transparent and 1 is opaque.
4
+=opacity(!opacity)
5
+  :opacity= !opacity
6
+  :-moz-opacity= !opacity
7
+  :-khtml-opacity= !opacity
8
+  :-ms-filter= "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + round(!opacity*100) + ")"
9
+  :filter= "alpha(opacity=" + round(!opacity*100) + ")"
10
+
11
+// Make an element completely transparent.
12
+=transparent
13
+  +opacity(0)
14
+
15
+// Make an element completely opaque.
16
+=opaque
17
+  +opacity(1)
0 18
new file mode 100644
... ...
@@ -0,0 +1,58 @@
0
+// Borrowed from the blueprint reset
1
+
2
+// Global reset rules.
3
+// For more specific resets, use the reset mixins provided below
4
+=global-reset
5
+  html, body
6
+    +reset
7
+  +nested-reset
8
+
9
+// Reset all elements within some selector scope.To reset the selector itself,
10
+// mixin the appropriate reset mixin for that element type as well. This could be
11
+// useful if you want to style a part of your page in a dramatically different way.
12
+=nested-reset
13
+  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
14
+  pre, a, abbr, acronym, address, code, del, dfn, em, img,
15
+  dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
16
+    +reset
17
+  blockquote, q
18
+    +reset-quotation
19
+  th, td, caption
20
+    +reset-table-cell
21
+  table
22
+    +reset-table
23
+  a img
24
+    :border none
25
+
26
+=reset-box-model
27
+  :margin 0
28
+  :padding 0
29
+  :border 0
30
+
31
+=reset
32
+  +reset-box-model
33
+  :font
34
+    :weight inherit
35
+    :style inherit
36
+    :size 100%
37
+    :family inherit
38
+  :vertical-align baseline
39
+
40
+=reset-quotation
41
+  +reset
42
+  :quotes "" ""
43
+  &:before,
44
+  &:after
45
+    :content ""
46
+
47
+=reset-table-cell
48
+  +reset
49
+  :text-align left
50
+  :font-weight normal
51
+  :vertical-align middle
52
+
53
+=reset-table
54
+  +reset
55
+  :border-collapse separate
56
+  :border-spacing 0
57
+  :vertical-align middle
0 58
new file mode 100644
... ...
@@ -0,0 +1,4 @@
0
+=sprite-column-hover-row(!col, !row_hover=2, !width=!sprite_default_size, !height=!sprite_default_size, !margin=!sprite_default_margin)
1
+  +sprite-position(!col, 1, !width, !height, !margin)
2
+  &:hover
3
+    +sprite-position(!col, !row_hover, !width, !height, !margin)
0 4
\ No newline at end of file
1 5
new file mode 100644
... ...
@@ -0,0 +1,52 @@
0
+//**
1
+  Example 1:
2
+  a.twitter
3
+    +sprite-img("icons-32.png", 1)
4
+  a.facebook
5
+    +sprite-img("icons-32png", 2)
6
+  ...
7
+  Example 2:
8
+  a
9
+    +sprite-background("icons-32.png")
10
+    a.twitter
11
+      +sprite-column(1)
12
+    a.facebook
13
+      +sprite-row(2)
14
+    ...
15
+ 
16
+!sprite_default_size  ||= 32px
17
+!sprite_default_margin ||= 0px
18
+!sprite_image_default_width ||= !sprite_default_size
19
+!sprite_image_default_height ||= !sprite_default_size
20
+ 
21
+ 
22
+// Sets all the rules for a sprite from a given sprite image to show just one of the sprites.
23
+// To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning.
24
+=sprite-img(!img, !col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
25
+  +sprite-background(!img, !width, !height)
26
+  +sprite-position(!col, !row, !width, !height, !margin)
27
+ 
28
+// Sets rules common for all sprites, assumes you want a square, but allows a rectangular region.
29
+=sprite-background(!img, !width = !sprite_default_size, !height = !width)
30
+  +sprite-background-rectangle(!img, !width, !height)
31
+ 
32
+// Sets rules common for all sprites, assumes a rectangular region.
33
+=sprite-background-rectangle(!img, !width = !sprite_image_default_width, !height = !sprite_image_default_height)
34
+  :background= image_url(!img) "no-repeat"
35
+  :width= !width
36
+  :height= !height
37
+  :overflow hidden
38
+ 
39
+// Allows horizontal sprite positioning optimized for a single row of sprites.
40
+=sprite-column(!col, !width = !sprite_image_default_width, !margin = !sprite_default_margin)
41
+  +sprite-position(!col, 1, !width, 0px, !margin)
42
+ 
43
+// Allows vertical sprite positioning optimized for a single column of sprites.
44
+=sprite-row(!row, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
45
+  +sprite-position(1, !row, 0px, !height, !margin)
46
+ 
47
+// Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites.
48
+=sprite-position(!col, !row = 1, !width = !sprite_image_default_width, !height = !sprite_image_default_height, !margin = !sprite_default_margin)
49
+  !x = ((!col - 1) * -!width) - ((!col - 1) * !margin)
50
+  !y = ((!row - 1) * -!height) - ((!row - 1) * !margin)
51
+  :background-position= !x !y
0 52
\ No newline at end of file
1 53
new file mode 100644
... ...
@@ -0,0 +1,177 @@
0
+!base_font_size ||= 14px
1
+!base_font_size_small ||= 12px
2
+!base_font_color ||= #333
3
+!h6 = ceil(!base_font_size*1.3)
4
+!h5 = ceil(!base_font_size*1.4)
5
+!h4 = ceil(!base_font_size*1.7)
6
+!h3 = ceil(!base_font_size*1.9)
7
+!h2 = ceil(!base_font_size*2.2)
8
+!h1 = ceil(!base_font_size*2.5)
9
+
10
+=heading-font 
11
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
12
+=sans-font
13
+  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif
14
+=serif-font
15
+  font-family: Times, "Times New Roman" Georgia, serif
16
+=fixed-font
17
+  font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace
18
+
19
+=general-typography(!font_size = !base_font_size)
20
+  +set-heading-sizes(!font_size)
21
+  +typography-defaults(!font_size)
22
+
23
+=set-heading-sizes(!font_size = !base_font_size)
24
+  !h6 = ceil(!font_size*1.3)
25
+  !h5 = ceil(!font_size*1.4)
26
+  !h4 = ceil(!font_size*1.7)
27
+  !h3 = ceil(!font_size*1.9)
28
+  !h2 = ceil(!font_size*2.2)
29
+  !h1 = ceil(!font_size*2.5)
30
+  h1, h2, h3, h4
31
+    &:first-child
32
+      margin-top: 0
33
+  h1
34
+    font-size= !h1
35
+    margin-bottom= !font_size * .765
36
+    line-height= !h1 * 1.625
37
+  h2
38
+    font-size= !h2
39
+    margin-bottom= !font_size * .855
40
+    line-height= !h2 * 1.625
41
+  h3
42
+    font-size= !h3
43
+    margin-bottom= !font_size * .956
44
+    line-height= !h3 * 1.625
45
+  h4
46
+    font-size= !h4
47
+    margin-bottom= !font_size * 1.161
48
+    line-height= !h4 * 1.625
49
+  h5
50
+    font-size= !h5
51
+    margin-bottom= !font_size * 1.238
52
+    line-height= !h5 * 1.625
53
+  h6
54
+    font-size= !h6
55
+    margin-bottom= !font_size * 1.625
56
+    line-height= !h6 * 1.625
57
+
58
+=typography-defaults(!font_size = !base_font_size)
59
+  body
60
+    line-height= ceil(!font_size * 1.625)
61
+    color= !base_font_color
62
+  p
63
+    +p-style(!font_size)
64
+  table
65
+    +table-style(!font_size)
66
+  ol
67
+    +ol-style(!font_size)
68
+  ul
69
+    +ul-style(!font_size)
70
+  dl
71
+    +dl-style(!font_size)
72
+  blockquote
73
+    +quote-style
74
+  q
75
+    font-style: italic
76
+    &:before
77
+      content: "\201C"
78
+    &:after
79
+      content: "\201D"
80
+  em, dfn
81
+    font-style: italic
82
+  strong, dfn
83
+    font-weight: bold
84
+  del
85
+    text-decoration: line-through
86
+  span.highlight, em.highlight, strong.highlight
87
+    background-color: #ff6
88
+    padding: 2px
89
+    margin: 0 -2px
90
+  abbr, acronym
91
+    border-bottom: 1px dotted
92
+    cursor: help
93
+  address
94
+    margin-top= !font_size * 1.625
95
+    font-style: italic
96
+  pre, code
97
+    margin= !font_size * 1.625 0
98
+    white-space: pre
99
+  pre, code, tt
100
+    +fixed-font
101
+    line-height= !font_size * 1.5
102
+  tt
103
+    display: block
104
+    margin= !font_size * 1.625 0
105
+  sub, sup
106
+    line-height: 0
107
+  hr
108
+    margin-bottom= !font_size * 1.625
109
+  
110
+  small
111
+    font-size= floor(!font_size * .85)
112
+  big
113
+    font-size= floor(!font_size * 1.25)
114
+
115
+=ol-style(!font_size = !base_font_size)
116
+  list-style: outside
117
+  margin= 0 0 !font_size * 1.625
118
+  li
119
+    list-style: decimal
120
+    ol
121
+      margin= 0 0 !font_size * 1.625
122
+      
123
+=ul-style(!font_size = !base_font_size)
124
+  list-style: outside
125
+  margin= 0 0 !font_size * 1.625
126
+  li ul
127
+    margin= 0 0 !font_size * 1.625
128
+    
129
+=dl-style(!font_size = !base_font_size)
130
+  margin= 0 0 !font_size * 1.625
131
+  dt
132
+    font-weight: bold
133
+  dd
134
+    margin-left= !font_size * 1.625
135
+
136
+=quote-style(!font_size = !base_font_size)
137
+  padding= !font_size !font_size !font_size * 1.625 !font_size * 1.4
138
+  &:before
139
+    content: "\201C"
140
+    font-size= !font_size * 3
141
+    margin= 0 0 0 -.625em
142
+    position: absolute
143
+    font-family: Times, Georgia, serif
144
+    color: #aaa
145
+    line-height: 0
146
+  > p
147
+    padding: 0
148
+    margin: 0
149
+    
150
+=p-style(!font_size = !base_font_size)
151
+  padding-bottom= !font_size * 0.8125
152
+  img
153
+    float: left
154
+    margin:
155
+      top= !font_size * .5
156
+      right= !font_size * .8125
157
+      bottom= !font_size* .8125
158
+      left= 0
159
+    padding: 0
160
+    &.right
161
+      margin:
162
+        right= 0
163
+        left= !font_size * .8125
164
+
165
+=table-style(!font_size = !base_font_size)
166
+  margin= 0 0 !font_size * 1.625
167
+  border-collapse: collapse
168
+  th
169
+    font-weight: bold
170
+  tr, th, td
171
+    margin: 0
172
+    padding= 0 !font_size * 1.625 0 !font_size
173
+  tfoot
174
+    font-style: italic
175
+  caption
176
+    text-align: center
0 177
\ No newline at end of file
1 178
new file mode 100644
... ...
@@ -0,0 +1,18 @@
0
+#search
1
+  position: absolute
2
+  left= !page_width + !sidebar_margin - !sidebar_width
3
+  top= 10%
4
+  form
5
+    background: url(/images/search_bg.png) no-repeat
6
+    padding: 2px 0 0
7
+    height: 28px
8
+    width: 218px
9
+  #q
10
+    background: none
11
+    width: 160px
12
+    margin-left: 30px
13
+    font-size: 15px
14
+    border: none
15
+    color: #aaa
16
+    &:focus
17
+      outline: none
0 18
\ No newline at end of file
1 19
new file mode 100644
... ...
@@ -0,0 +1,2 @@
0
+#twitter
1
+  font-size: 85%
0 2
\ No newline at end of file
1 3
new file mode 100644
2 4
new file mode 100644
... ...
@@ -0,0 +1,11 @@
0
+/* SASS mixins */
1
+@import library.sass
2
+
3
+/* primary SASS */
4
+@import base.sass
5
+@import theme.sass
6
+@import typography.sass
7
+@import layout.sass
8
+
9
+/* specific SASS */
10
+@import partials.sass
0 11
\ No newline at end of file