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 |
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 |
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 |
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 |
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 |
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 |
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 | 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 |
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 | 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 | 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 |