compass 0.10.0.rc5 → 0.10.0.rc6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/VERSION.yml +1 -1
- data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_screen.sass +1 -1
- data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_typography.sass +2 -162
- data/frameworks/blueprint/stylesheets/_blueprint.scss +14 -6
- data/frameworks/blueprint/stylesheets/blueprint/_grid.scss +12 -8
- data/frameworks/blueprint/stylesheets/blueprint/_ie.scss +14 -13
- data/frameworks/blueprint/stylesheets/blueprint/_print.scss +15 -7
- data/frameworks/blueprint/stylesheets/blueprint/_rtl.scss +19 -8
- data/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss +8 -5
- data/frameworks/blueprint/stylesheets/blueprint/_typography.scss +22 -11
- data/frameworks/blueprint/templates/basic/partials/_base.sass +3 -3
- data/frameworks/blueprint/templates/buttons/buttons.sass +2 -2
- data/frameworks/blueprint/templates/project/partials/_base.sass +4 -4
- data/frameworks/blueprint/templates/project/screen.sass +6 -5
- data/frameworks/blueprint/templates/semantic/partials/_base.sass +4 -5
- data/frameworks/blueprint/templates/semantic/partials/_two_col.sass +5 -5
- data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +1 -0
- data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +1 -0
- data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +1 -0
- data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +0 -3
- data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +1 -0
- data/frameworks/compass/stylesheets/compass/css3/_box.scss +5 -0
- data/frameworks/compass/stylesheets/compass/css3/_columns.scss +2 -2
- data/frameworks/compass/stylesheets/compass/css3/_transition.scss +1 -1
- data/frameworks/compass/stylesheets/compass/utilities/general/_min.scss +1 -1
- data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.scss +3 -3
- data/frameworks/compass/templates/ellipsis/ellipsis.sass +3 -3
- data/frameworks/compass/templates/project/screen.sass +0 -6
- data/lib/compass/commands/registry.rb +15 -2
- data/lib/compass/configuration/adapters.rb +4 -4
- data/lib/compass/exec/switch_ui.rb +4 -0
- data/lib/compass/sass_extensions/functions/font_files.rb +0 -1
- data/lib/compass/sass_extensions/functions/selectors.rb +1 -0
- data/lib/compass/sass_extensions/functions/urls.rb +6 -6
- data/test/configuration_test.rb +4 -4
- data/test/fixtures/stylesheets/blueprint/css/typography.css +3 -3
- metadata +3 -3
data/VERSION.yml
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@warn "DEPRECATED: blueprint/screen.sass will be removed. Please @import \"blueprint\" instead."
|
|
2
|
-
@import blueprint
|
|
2
|
+
@import blueprint
|
|
@@ -1,162 +1,2 @@
|
|
|
1
|
-
@import
|
|
2
|
-
@import
|
|
3
|
-
@import compass/utilities/general/float
|
|
4
|
-
|
|
5
|
-
!blueprint_font_family ||= "Helvetica Neue, Arial, Helvetica, sans-serif"
|
|
6
|
-
!blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace"
|
|
7
|
-
!blueprint_font_size ||= 12px
|
|
8
|
-
|
|
9
|
-
// Usage examples:
|
|
10
|
-
// As a top-level mixin, apply to any page that includes the stylesheet:
|
|
11
|
-
// +blueprint-typography
|
|
12
|
-
// Scoped by a presentational class:
|
|
13
|
-
// body.blueprint
|
|
14
|
-
// +blueprint-typography(true)
|
|
15
|
-
// Scoped by semantic selectors:
|
|
16
|
-
// body#page-1, body#page-2, body.a-special-page-type
|
|
17
|
-
// +blueprint-typography(true)
|
|
18
|
-
// Deprecated:
|
|
19
|
-
// You can pass the body selector as the first argument when used as a top-level mixin
|
|
20
|
-
// +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
|
|
21
|
-
=blueprint-typography(!body_selector = "body")
|
|
22
|
-
@if !body_selector == true
|
|
23
|
-
+blueprint-typography-body
|
|
24
|
-
+blueprint-typography-defaults
|
|
25
|
-
@else
|
|
26
|
-
#{!body_selector}
|
|
27
|
-
+blueprint-typography-body
|
|
28
|
-
@if !body_selector != "body"
|
|
29
|
-
@warn "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{!body_selector}."
|
|
30
|
-
+blueprint-typography-defaults
|
|
31
|
-
@if !body_selector == "body"
|
|
32
|
-
+blueprint-typography-defaults
|
|
33
|
-
|
|
34
|
-
=normal-text
|
|
35
|
-
font-family= !blueprint_font_family
|
|
36
|
-
color= !font_color
|
|
37
|
-
|
|
38
|
-
=fixed-width-text
|
|
39
|
-
font= 1em !blueprint_fixed_font_family
|
|
40
|
-
line-height: 1.5
|
|
41
|
-
|
|
42
|
-
=header-text
|
|
43
|
-
font-weight: normal
|
|
44
|
-
color= !header_color
|
|
45
|
-
|
|
46
|
-
=quiet
|
|
47
|
-
color= !quiet_color
|
|
48
|
-
|
|
49
|
-
=loud
|
|
50
|
-
color= !loud_color
|
|
51
|
-
|
|
52
|
-
=blueprint-typography-body(!font_size = !blueprint_font_size)
|
|
53
|
-
line-height: 1.5
|
|
54
|
-
+normal-text
|
|
55
|
-
font-size= 100% * !font_size / 16px
|
|
56
|
-
|
|
57
|
-
=blueprint-typography-defaults
|
|
58
|
-
h1
|
|
59
|
-
+header-text
|
|
60
|
-
font-size: 3em
|
|
61
|
-
line-height: 1
|
|
62
|
-
margin-bottom: 0.5em
|
|
63
|
-
img
|
|
64
|
-
margin: 0
|
|
65
|
-
h2
|
|
66
|
-
+header-text
|
|
67
|
-
font-size: 2em
|
|
68
|
-
margin-bottom: 0.75em
|
|
69
|
-
h3
|
|
70
|
-
+header-text
|
|
71
|
-
font-size: 1.5em
|
|
72
|
-
line-height: 1
|
|
73
|
-
margin-bottom: 1em
|
|
74
|
-
h4
|
|
75
|
-
+header-text
|
|
76
|
-
font-size: 1.2em
|
|
77
|
-
line-height: 1.25
|
|
78
|
-
margin-bottom: 1.25em
|
|
79
|
-
h5
|
|
80
|
-
+header-text
|
|
81
|
-
font-size: 1em
|
|
82
|
-
font-weight: bold
|
|
83
|
-
margin-bottom: 1.5em
|
|
84
|
-
h6
|
|
85
|
-
+header-text
|
|
86
|
-
font-size: 1em
|
|
87
|
-
font-weight: bold
|
|
88
|
-
h2 img, h3 img, h4 img, h5 img, h6 img
|
|
89
|
-
margin: 0
|
|
90
|
-
p
|
|
91
|
-
margin: 0 0 1.5em
|
|
92
|
-
img.left
|
|
93
|
-
+float-left
|
|
94
|
-
margin: 1.5em 1.5em 1.5em 0
|
|
95
|
-
padding: 0
|
|
96
|
-
img.right
|
|
97
|
-
+float-right
|
|
98
|
-
margin: 1.5em 0 1.5em 1.5em
|
|
99
|
-
padding: 0
|
|
100
|
-
a
|
|
101
|
-
text-decoration: underline
|
|
102
|
-
+link-colors(!link_color, !link_hover_color, !link_active_color, !link_visited_color, !link_focus_color)
|
|
103
|
-
blockquote
|
|
104
|
-
margin: 1.5em
|
|
105
|
-
color: #666
|
|
106
|
-
font-style: italic
|
|
107
|
-
strong
|
|
108
|
-
font-weight: bold
|
|
109
|
-
em
|
|
110
|
-
font-style: italic
|
|
111
|
-
dfn
|
|
112
|
-
font-style: italic
|
|
113
|
-
font-weight: bold
|
|
114
|
-
sup, sub
|
|
115
|
-
line-height: 0
|
|
116
|
-
abbr, acronym
|
|
117
|
-
border-bottom: 1px dotted #666
|
|
118
|
-
address
|
|
119
|
-
margin: 0 0 1.5em
|
|
120
|
-
font-style: italic
|
|
121
|
-
del
|
|
122
|
-
color: #666
|
|
123
|
-
pre
|
|
124
|
-
margin: 1.5em 0
|
|
125
|
-
white-space: pre
|
|
126
|
-
pre, code, tt
|
|
127
|
-
+fixed-width-text
|
|
128
|
-
li
|
|
129
|
-
ul, ol
|
|
130
|
-
margin: 0
|
|
131
|
-
ul, ol
|
|
132
|
-
margin: 0 1.5em 1.5em 0
|
|
133
|
-
padding-left: 3.333em
|
|
134
|
-
ul
|
|
135
|
-
list-style-type: disc
|
|
136
|
-
ol
|
|
137
|
-
list-style-type: decimal
|
|
138
|
-
dl
|
|
139
|
-
margin: 0 0 1.5em 0
|
|
140
|
-
dt
|
|
141
|
-
font-weight: bold
|
|
142
|
-
dd
|
|
143
|
-
margin-left: 1.5em
|
|
144
|
-
table
|
|
145
|
-
margin-bottom: 1.4em
|
|
146
|
-
width: 100%
|
|
147
|
-
th
|
|
148
|
-
font-weight: bold
|
|
149
|
-
thead th
|
|
150
|
-
background= !blueprint_table_header_color
|
|
151
|
-
th, td, caption
|
|
152
|
-
padding: 4px 10px 4px 5px
|
|
153
|
-
tr.even td
|
|
154
|
-
background= !blueprint_table_stripe_color
|
|
155
|
-
tfoot
|
|
156
|
-
font-style: italic
|
|
157
|
-
caption
|
|
158
|
-
background: #eee
|
|
159
|
-
.quiet
|
|
160
|
-
+quiet
|
|
161
|
-
.loud
|
|
162
|
-
+loud
|
|
1
|
+
@warn "DEPRECATED: blueprint/typography.sass will be removed. Please @import \"blueprint/typography\" instead."
|
|
2
|
+
@import "blueprint/typography"
|
|
@@ -11,19 +11,27 @@
|
|
|
11
11
|
// ### Usage examples:
|
|
12
12
|
//
|
|
13
13
|
// As a top-level mixin, apply to any page that includes the stylesheet:
|
|
14
|
-
//
|
|
14
|
+
// <pre class="source-code sass">
|
|
15
|
+
// +blueprint
|
|
16
|
+
// </pre>
|
|
15
17
|
//
|
|
16
18
|
// Scoped by a presentational class:
|
|
17
|
-
//
|
|
18
|
-
//
|
|
19
|
+
// <pre class="source-code sass">
|
|
20
|
+
// body.blueprint
|
|
21
|
+
// +blueprint(true)
|
|
22
|
+
// </pre>
|
|
19
23
|
//
|
|
20
24
|
// Scoped by semantic selectors:
|
|
21
|
-
//
|
|
22
|
-
//
|
|
25
|
+
// <pre class="source-code sass">
|
|
26
|
+
// body#page-1, body#page-2, body.a-special-page-type
|
|
27
|
+
// +blueprint(true)
|
|
28
|
+
// </pre>
|
|
23
29
|
//
|
|
24
30
|
// #### Deprecated:
|
|
25
31
|
// You use to be able to pass the body selector as the first argument when used as a top-level mixin
|
|
26
|
-
//
|
|
32
|
+
// <pre class="source-code sass">
|
|
33
|
+
// +blueprint("body#page-1, body#page-2, body.a-special-page-type")
|
|
34
|
+
// </pre>
|
|
27
35
|
|
|
28
36
|
@mixin blueprint($body_selector: body) {
|
|
29
37
|
//@doc off
|
|
@@ -189,15 +189,19 @@ $blueprint_container_size: $blueprint_grid_outer_width * $blueprint_grid_columns
|
|
|
189
189
|
// For example:
|
|
190
190
|
//
|
|
191
191
|
// HTML:
|
|
192
|
-
//
|
|
193
|
-
//
|
|
192
|
+
// <pre class="source-code html">
|
|
193
|
+
// <div id="one">One</div>
|
|
194
|
+
// <div id="two">Two</div>
|
|
195
|
+
// </pre>
|
|
194
196
|
// Sass:
|
|
195
|
-
//
|
|
196
|
-
//
|
|
197
|
-
//
|
|
198
|
-
//
|
|
199
|
-
//
|
|
200
|
-
//
|
|
197
|
+
// <pre class="source-code sass">
|
|
198
|
+
// #one
|
|
199
|
+
// +column(18, true)
|
|
200
|
+
// +prepend(6)
|
|
201
|
+
// #two
|
|
202
|
+
// +column(6)
|
|
203
|
+
// +pull(18, true)
|
|
204
|
+
// </pre>
|
|
201
205
|
@mixin pull($n, $last: false) {
|
|
202
206
|
@include pull-base;
|
|
203
207
|
@include pull-margins($n, $last); }
|
|
@@ -9,22 +9,23 @@
|
|
|
9
9
|
//| --------------
|
|
10
10
|
//|
|
|
11
11
|
//| As a top-level mixin, apply to any page that includes the stylesheet:
|
|
12
|
-
//|
|
|
13
|
-
//|
|
|
14
|
-
//|
|
|
12
|
+
//| <pre class="source-code sass">
|
|
13
|
+
//| +blueprint-ie
|
|
14
|
+
//| </pre>
|
|
15
15
|
//| Scoped by a presentational class:
|
|
16
|
-
//|
|
|
17
|
-
//|
|
|
18
|
-
//|
|
|
19
|
-
//|
|
|
16
|
+
//| <pre class="source-code sass">
|
|
17
|
+
//| body.blueprint
|
|
18
|
+
//| +blueprint-ie(true)
|
|
19
|
+
//| </pre>
|
|
20
20
|
//| Scoped by semantic selectors:
|
|
21
|
-
//|
|
|
22
|
-
//|
|
|
23
|
-
//|
|
|
24
|
-
//|
|
|
21
|
+
//| <pre class="source-code sass">
|
|
22
|
+
//| body#page-1, body#page-2, body.a-special-page-type
|
|
23
|
+
//| +blueprint-ie(true)
|
|
24
|
+
//| </pre>
|
|
25
25
|
//| **Deprecated:** You can pass the body selector as the first argument when used as a top-level mixin
|
|
26
|
-
//|
|
|
27
|
-
//|
|
|
26
|
+
//| <pre class="source-code sass">
|
|
27
|
+
//| +blueprint-ie("body#page-1, body#page-2, body.a-special-page-type")
|
|
28
|
+
//| </pre>
|
|
28
29
|
@mixin blueprint-ie($body_selector: body) {
|
|
29
30
|
@if $body_selector == true {
|
|
30
31
|
@include blueprint-ie-body;
|
|
@@ -3,16 +3,24 @@
|
|
|
3
3
|
|
|
4
4
|
// Usage examples:
|
|
5
5
|
// As a top-level mixin, apply to any page that includes the stylesheet:
|
|
6
|
-
//
|
|
6
|
+
// <pre class="source-code sass">
|
|
7
|
+
// +blueprint-print
|
|
8
|
+
// </pre>
|
|
7
9
|
// Scoped by a presentational class:
|
|
8
|
-
//
|
|
9
|
-
//
|
|
10
|
+
// <pre class="source-code sass">
|
|
11
|
+
// body.blueprint
|
|
12
|
+
// +blueprint-print(true)
|
|
13
|
+
// </pre>
|
|
10
14
|
// Scoped by semantic selectors:
|
|
11
|
-
//
|
|
12
|
-
//
|
|
15
|
+
// <pre class="source-code sass">
|
|
16
|
+
// body#page-1, body#page-2, body.a-special-page-type
|
|
17
|
+
// +blueprint-print(true)
|
|
18
|
+
// </pre>
|
|
13
19
|
// Deprecated:
|
|
14
|
-
//
|
|
15
|
-
//
|
|
20
|
+
// You can pass the body selector as the first argument when used as a top-level mixin
|
|
21
|
+
// <pre class="source-code sass">
|
|
22
|
+
// +blueprint-print("body#page-1, body#page-2, body.a-special-page-type")
|
|
23
|
+
// </pre>
|
|
16
24
|
@mixin blueprint-print($body_selector: body) {
|
|
17
25
|
@if $body_selector == true {
|
|
18
26
|
@include blueprint-print-body;
|
|
@@ -76,16 +76,27 @@ $blueprint_container_size: $blueprint_grid_outer_width * $blueprint_grid_columns
|
|
|
76
76
|
|
|
77
77
|
// Usage examples:
|
|
78
78
|
// As a top-level mixin, apply to any page that includes the stylesheet:
|
|
79
|
-
//
|
|
79
|
+
// <pre class="source-code sass">
|
|
80
|
+
// +rtl-typography
|
|
81
|
+
// </pre>
|
|
82
|
+
//
|
|
80
83
|
// Scoped by a presentational class:
|
|
81
|
-
//
|
|
82
|
-
//
|
|
84
|
+
// <pre class="source-code sass">
|
|
85
|
+
// body.blueprint
|
|
86
|
+
// +rtl-typography(true)
|
|
87
|
+
// </pre>
|
|
88
|
+
//
|
|
83
89
|
// Scoped by semantic selectors:
|
|
84
|
-
//
|
|
85
|
-
//
|
|
86
|
-
//
|
|
87
|
-
//
|
|
88
|
-
//
|
|
90
|
+
// <pre class="source-code sass">
|
|
91
|
+
// body#page-1, body#page-2, body.a-special-page-type
|
|
92
|
+
// +rtl-typography(true)
|
|
93
|
+
// </pre>
|
|
94
|
+
//
|
|
95
|
+
// **Deprecated**:
|
|
96
|
+
// You can pass the body selector as the first argument when used as a top-level mixin
|
|
97
|
+
// <pre class="source-code sass">
|
|
98
|
+
// +rtl-typography("body#page-1, body#page-2, body.a-special-page-type")
|
|
99
|
+
// </pre>
|
|
89
100
|
@mixin rtl-typography($body_selector: body) {
|
|
90
101
|
@if $body_selector == true {
|
|
91
102
|
html & {
|
|
@@ -16,11 +16,14 @@
|
|
|
16
16
|
// mixins to construct your own semantic style rules.
|
|
17
17
|
|
|
18
18
|
@mixin blueprint-scaffolding($body_selector: body) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
@include blueprint-scaffolding-defaults;
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
@if $body_selector != body {
|
|
20
|
+
#{$body_selector} {
|
|
21
|
+
@include blueprint-scaffolding-defaults;
|
|
22
|
+
}
|
|
23
|
+
} @else {
|
|
24
|
+
@include blueprint-scaffolding-defaults;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
24
27
|
|
|
25
28
|
// The styles this mixin provides were deprecated in Blueprint 0.9 and is no longer part of the
|
|
26
29
|
// main scaffolding, but the mixin is still available if you want to use it.
|
|
@@ -10,16 +10,27 @@ $blueprint-font-size: 12px !default;
|
|
|
10
10
|
|
|
11
11
|
// Usage examples:
|
|
12
12
|
// As a top-level mixin, apply to any page that includes the stylesheet:
|
|
13
|
-
//
|
|
13
|
+
// <pre class="source-code sass">
|
|
14
|
+
// +blueprint-typography
|
|
15
|
+
// </pre>
|
|
16
|
+
//
|
|
14
17
|
// Scoped by a presentational class:
|
|
15
|
-
//
|
|
16
|
-
//
|
|
18
|
+
// <pre class="source-code sass">
|
|
19
|
+
// body.blueprint
|
|
20
|
+
// +blueprint-typography(true)
|
|
21
|
+
// </pre>
|
|
22
|
+
//
|
|
17
23
|
// Scoped by semantic selectors:
|
|
18
|
-
//
|
|
19
|
-
//
|
|
20
|
-
//
|
|
21
|
-
//
|
|
22
|
-
//
|
|
24
|
+
// <pre class="source-code sass">
|
|
25
|
+
// body#page-1, body#page-2, body.a-special-page-type
|
|
26
|
+
// +blueprint-typography(true)
|
|
27
|
+
// </pre>
|
|
28
|
+
//
|
|
29
|
+
// **Deprecated**:
|
|
30
|
+
// You can pass the body selector as the first argument when used as a top-level mixin
|
|
31
|
+
// <pre class="source-code sass">
|
|
32
|
+
// +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
|
|
33
|
+
// </pre>
|
|
23
34
|
@mixin blueprint-typography($body-selector: body) {
|
|
24
35
|
@if $body-selector == true {
|
|
25
36
|
@include blueprint-typography-body;
|
|
@@ -53,11 +64,11 @@ $blueprint-font-size: 12px !default;
|
|
|
53
64
|
@mixin blueprint-typography-defaults {
|
|
54
65
|
#{headers(all)} { @include header-text;
|
|
55
66
|
img { margin: 0; } }
|
|
56
|
-
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.
|
|
67
|
+
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.50em; }
|
|
57
68
|
h2 { font-size: 2em; margin-bottom: 0.75em; }
|
|
58
|
-
h3 { font-size: 1.5em; line-height: 1; margin-bottom:
|
|
69
|
+
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.00em; }
|
|
59
70
|
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
|
|
60
|
-
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.
|
|
71
|
+
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.50em; }
|
|
61
72
|
h6 { font-size: 1em; font-weight: bold; }
|
|
62
73
|
p { margin: 0 0 1.5em;
|
|
63
74
|
img.left { @include float-left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// Here is where you can define your constants for your application and to configure the blueprint framework.
|
|
2
2
|
// Feel free to delete these if you want keep the defaults:
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
$blueprint-grid-columns : 24
|
|
5
|
+
$blueprint-grid-width : 30px
|
|
6
|
+
$blueprint-grid-margin : 10px
|
|
7
7
|
|
|
8
8
|
// If you change your grid column dimensions
|
|
9
9
|
// you can make a new grid background image from the command line like this:
|
|
@@ -20,7 +20,7 @@ a.button
|
|
|
20
20
|
// you can pass "left" or "right" to +anchor-button to float it in that direction
|
|
21
21
|
// or you can pass no argument to leave it inline-block (cross browser safe!) within
|
|
22
22
|
// the flow of your page.
|
|
23
|
-
+anchor-button(
|
|
23
|
+
+anchor-button(left)
|
|
24
24
|
// All the button color mixins take 4 optional arguments:
|
|
25
25
|
// font color, background color, border color, border highlight color
|
|
26
26
|
// the first three default to constants set in blueprint/buttons.sass
|
|
@@ -31,7 +31,7 @@ a.button
|
|
|
31
31
|
|
|
32
32
|
button
|
|
33
33
|
// The +button-button mixin is just like the +anchor-button mixin, but for <button> elements.
|
|
34
|
-
+button-button(
|
|
34
|
+
+button-button(left)
|
|
35
35
|
+button-colors
|
|
36
36
|
+button-hover-colors
|
|
37
37
|
+button-active-colors
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// Here is where you can define your constants for your application and to configure the blueprint framework.
|
|
2
2
|
// Feel free to delete these if you want keep the defaults:
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
$blueprint-grid-columns : 24
|
|
5
|
+
$blueprint-container-size : 950px
|
|
6
|
+
$blueprint-grid-margin : 10px
|
|
7
7
|
|
|
8
8
|
// Use this to calculate the width based on the total width.
|
|
9
9
|
// Or you can set !blueprint_grid_width to a fixed value and unset !blueprint_container_size -- it will be calculated for you.
|
|
10
|
-
|
|
10
|
+
$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin
|
|
11
11
|
|
|
@@ -27,15 +27,16 @@ body.two-col
|
|
|
27
27
|
#container
|
|
28
28
|
+container
|
|
29
29
|
#header, #footer
|
|
30
|
-
+column(
|
|
30
|
+
+column($blueprint-grid-columns)
|
|
31
31
|
#sidebar
|
|
32
32
|
// One third of the grid columns, rounding down. With 24 cols, this is 8.
|
|
33
|
-
|
|
34
|
-
+column(
|
|
33
|
+
$sidebar-columns: floor($blueprint-grid-columns / 3)
|
|
34
|
+
+column($sidebar-columns)
|
|
35
35
|
#content
|
|
36
36
|
// Two thirds of the grid columns, rounding up.
|
|
37
37
|
// With 24 cols, this is 16.
|
|
38
|
-
|
|
38
|
+
$content-columns: ceil(2 * $blueprint-grid-columns / 3)
|
|
39
39
|
// true means it's the last column in the row
|
|
40
|
-
+column(
|
|
40
|
+
+column($content-columns, true)
|
|
41
|
+
|
|
41
42
|
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
// Here is where you can define your constants for your application and to configure the blueprint framework.
|
|
2
2
|
// Feel free to delete these if you want keep the defaults:
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
$blueprint-grid-columns: 24
|
|
5
|
+
$blueprint-container-size: 950px
|
|
6
|
+
$blueprint-grid-margin: 10px
|
|
7
7
|
|
|
8
8
|
// Use this to calculate the width based on the total width.
|
|
9
9
|
// Or you can set !blueprint_grid_width to a fixed value and unset !blueprint_container_size -- it will be calculated for you.
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
$blueprint-grid-width: ($blueprint-container-size + $blueprint-grid-margin) / $blueprint-grid-columns - $blueprint-grid-margin
|
|
@@ -25,14 +25,14 @@ body.two-col
|
|
|
25
25
|
#container
|
|
26
26
|
+container
|
|
27
27
|
#header, #footer
|
|
28
|
-
+column(
|
|
28
|
+
+column($blueprint-grid-columns)
|
|
29
29
|
#sidebar
|
|
30
30
|
// One third of the grid columns, rounding down. With 24 cols, this is 8.
|
|
31
|
-
|
|
32
|
-
+column(
|
|
31
|
+
$sidebar-columns: floor($blueprint-grid-columns / 3)
|
|
32
|
+
+column($sidebar-columns)
|
|
33
33
|
#content
|
|
34
34
|
// Two thirds of the grid columns, rounding up.
|
|
35
35
|
// With 24 cols, this is 16.
|
|
36
|
-
|
|
36
|
+
$content-columns: ceil(2 * $blueprint-grid-columns / 3)
|
|
37
37
|
// true means it's the last column in the row
|
|
38
|
-
+column(
|
|
38
|
+
+column($content-columns, true)
|
|
@@ -19,6 +19,7 @@ $default-background-clip: padding-box !default;
|
|
|
19
19
|
|
|
20
20
|
@mixin background-clip($clip: $default-background-clip) {
|
|
21
21
|
// webkit and mozilla use the deprecated short [border | padding]
|
|
22
|
+
$clip: unquote($clip);
|
|
22
23
|
$deprecated: $clip;
|
|
23
24
|
@if $clip == padding-box { $deprecated: padding; }
|
|
24
25
|
@if $clip == border-box { $deprecated: border; }
|
|
@@ -15,6 +15,7 @@ $default-background-origin: content-box !default;
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
@mixin background-origin($origin: $default-background-origin) {
|
|
18
|
+
$origin: unquote($origin);
|
|
18
19
|
// webkit and mozilla use the deprecated short [border | padding | content]
|
|
19
20
|
$deprecated: $origin;
|
|
20
21
|
@if $origin == padding-box { $deprecated: padding; }
|
|
@@ -9,5 +9,6 @@ $default-background-size: 100% auto !default;
|
|
|
9
9
|
// * percentages are relative to the background-origin (default = padding-box)
|
|
10
10
|
// * mixin defaults to: `$default-background-size`
|
|
11
11
|
@mixin background-size($size: $default-background-size) {
|
|
12
|
+
$size: unquote($size);
|
|
12
13
|
@include experimental(background-size, $size, -moz, -webkit, -o, not -ms, not -khtml);
|
|
13
14
|
}
|
|
@@ -14,9 +14,6 @@ $default-border-radius: 5px !default;
|
|
|
14
14
|
// * legal values for `$horz`: `left`, `right`
|
|
15
15
|
|
|
16
16
|
@mixin border-corner-radius($vert, $horz, $radius: $default-border-radius) {
|
|
17
|
-
border-#{$vert}-#{$horz}-radius: $radius;
|
|
18
|
-
-moz-border-radius-#{$vert}#{$horz}: $radius;
|
|
19
|
-
-webkit-border-#{$vert}-#{$horz}-radius: $radius;
|
|
20
17
|
// Support for mozilla's syntax for specifying a corner
|
|
21
18
|
@include experimental("border-radius-#{$vert}#{$horz}", $radius,
|
|
22
19
|
-moz,
|
|
@@ -14,6 +14,7 @@ $default-box-orient: horizontal !default;
|
|
|
14
14
|
@mixin box-orient(
|
|
15
15
|
$orientation: $default-box-orient
|
|
16
16
|
) {
|
|
17
|
+
$orientation : unquote($orientation);
|
|
17
18
|
@include experimental(box-orient, $orientation,
|
|
18
19
|
-moz, -webkit, not -o, not -ms, not -khtml, official
|
|
19
20
|
);
|
|
@@ -26,6 +27,7 @@ $default-box-align: stretch !default;
|
|
|
26
27
|
@mixin box-align(
|
|
27
28
|
$alignment: $default-box-align
|
|
28
29
|
) {
|
|
30
|
+
$alignment : unquote($alignment);
|
|
29
31
|
@include experimental(box-align, $alignment,
|
|
30
32
|
-moz, -webkit, not -o, not -ms, not -khtml, official
|
|
31
33
|
);
|
|
@@ -77,6 +79,7 @@ $default-box-direction: normal !default;
|
|
|
77
79
|
@mixin box-direction(
|
|
78
80
|
$direction: $default-box-direction
|
|
79
81
|
) {
|
|
82
|
+
$direction: unquote($direction);
|
|
80
83
|
@include experimental(box-direction, $direction,
|
|
81
84
|
-moz, -webkit, not -o, not -ms, not -khtml, official
|
|
82
85
|
);
|
|
@@ -89,6 +92,7 @@ $default-box-lines: single !default;
|
|
|
89
92
|
@mixin box-lines(
|
|
90
93
|
$lines: $default-box-lines
|
|
91
94
|
) {
|
|
95
|
+
$lines: unquote($lines);
|
|
92
96
|
@include experimental(box-lines, $lines,
|
|
93
97
|
-moz, -webkit, not -o, not -ms, not -khtml, official
|
|
94
98
|
);
|
|
@@ -101,6 +105,7 @@ $default-box-pack: start !default;
|
|
|
101
105
|
@mixin box-pack(
|
|
102
106
|
$pack: $default-box-pack
|
|
103
107
|
) {
|
|
108
|
+
$pack: unquote($pack);
|
|
104
109
|
@include experimental(box-pack, $pack,
|
|
105
110
|
-moz, -webkit, not -o, not -ms, not -khtml, official
|
|
106
111
|
);
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
// Specify the style of the rule between columns e.g. `dotted`.
|
|
32
32
|
// This works like border-style.
|
|
33
33
|
@mixin column-rule-style($s) {
|
|
34
|
-
@include experimental(rule-style, $s,
|
|
34
|
+
@include experimental(rule-style, unquote($s),
|
|
35
35
|
-moz, -webkit, -o, not -ms, not -khtml, official
|
|
36
36
|
);
|
|
37
37
|
}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
// This works like border-color.
|
|
41
41
|
|
|
42
42
|
@mixin column-rule-color($c) {
|
|
43
|
-
@include experimental(rule-color, $s,
|
|
43
|
+
@include experimental(rule-color, unquote($s),
|
|
44
44
|
-moz, -webkit, -o, not -ms, not -khtml, official
|
|
45
45
|
);
|
|
46
46
|
}
|
|
@@ -29,7 +29,7 @@ $default-transition-delay: false !default;
|
|
|
29
29
|
// * also accepts "all" or "none"
|
|
30
30
|
|
|
31
31
|
@mixin transition-property($properties: $default-transition-property) {
|
|
32
|
-
@include experimental(transition-property, $properties,
|
|
32
|
+
@include experimental(transition-property, unquote($properties),
|
|
33
33
|
-moz, -webkit, -o, not -ms, not -khtml, official
|
|
34
34
|
);
|
|
35
35
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@import "compass/css3/shared";
|
|
2
2
|
|
|
3
|
-
// To get
|
|
3
|
+
// To get full firefox support, you must install the ellipsis pattern:
|
|
4
4
|
//
|
|
5
5
|
// compass install compass/ellipsis
|
|
6
|
-
$
|
|
6
|
+
$use-mozilla-ellipsis-binding: false !default;
|
|
7
7
|
|
|
8
8
|
// This technique, by [Justin Maxwell](http://code404.com/), was originally
|
|
9
9
|
// published [here](http://mattsnider.com/css/css-string-truncation-with-ellipsis/).
|
|
@@ -19,7 +19,7 @@ $firefox2-ellipsis: false !default;
|
|
|
19
19
|
not -khtml,
|
|
20
20
|
official
|
|
21
21
|
);
|
|
22
|
-
@if $experimental-support-for-mozilla and $
|
|
22
|
+
@if $experimental-support-for-mozilla and $use-mozilla-ellipsis-binding {
|
|
23
23
|
-moz-binding: stylesheet-url(unquote("xml/ellipsis.xml#ellipsis"));
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
// Since you've installed the xml file, you
|
|
2
|
-
// $
|
|
3
|
-
$
|
|
1
|
+
// Since you've installed the xml file, you should set
|
|
2
|
+
// $use-mozilla-ellipsis-binding to true before importing.
|
|
3
|
+
$use-mozilla-ellipsis-binding: true
|
|
4
4
|
@import compass/utilities/text/ellipsis
|
|
5
5
|
|
|
6
6
|
// You can delete this sass file if you want, it's just an example of how to use the ellipsis mixin.
|
|
@@ -5,9 +5,3 @@
|
|
|
5
5
|
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
|
6
6
|
|
|
7
7
|
@import compass/reset
|
|
8
|
-
|
|
9
|
-
/*
|
|
10
|
-
The *:focus rule is reset and suppresses link outlining.
|
|
11
|
-
You _must_ remember to redefine your own outline, as it’s an important accessibility aid. E.g.
|
|
12
|
-
*:focus
|
|
13
|
-
outline: #ccc dotted medium
|
|
@@ -6,11 +6,24 @@ module Compass::Commands
|
|
|
6
6
|
end
|
|
7
7
|
def get(name)
|
|
8
8
|
@commands ||= Hash.new
|
|
9
|
-
@commands[name.to_sym]
|
|
9
|
+
@commands[name.to_sym] || @commands[abbreviation_of(name)]
|
|
10
|
+
end
|
|
11
|
+
def abbreviation_of(name)
|
|
12
|
+
re = /^#{Regexp.escape(name)}/
|
|
13
|
+
matching = @commands.keys.select{|k| k.to_s =~ re}
|
|
14
|
+
if matching.size == 1
|
|
15
|
+
matching.first
|
|
16
|
+
else
|
|
17
|
+
raise Compass::Error, "Ambiguous abbreviation '#{name}'. Did you mean one of: #{matching.join(", ")}"
|
|
18
|
+
end
|
|
19
|
+
end
|
|
20
|
+
def abbreviation?(name)
|
|
21
|
+
re = /^#{Regexp.escape(name)}/
|
|
22
|
+
@commands.keys.detect{|k| k.to_s =~ re}
|
|
10
23
|
end
|
|
11
24
|
def command_exists?(name)
|
|
12
25
|
@commands ||= Hash.new
|
|
13
|
-
name && @commands.has_key?(name.to_sym)
|
|
26
|
+
name && (@commands.has_key?(name.to_sym) || abbreviation?(name))
|
|
14
27
|
end
|
|
15
28
|
def all
|
|
16
29
|
@commands.keys
|
|
@@ -8,13 +8,13 @@ module Compass
|
|
|
8
8
|
end
|
|
9
9
|
|
|
10
10
|
def to_sass_plugin_options
|
|
11
|
-
locations =
|
|
12
|
-
locations[sass_path
|
|
11
|
+
locations = []
|
|
12
|
+
locations << [sass_path, css_path] if sass_path && css_path
|
|
13
13
|
Compass::Frameworks::ALL.each do |framework|
|
|
14
|
-
locations[framework.stylesheets_directory
|
|
14
|
+
locations << [framework.stylesheets_directory, css_path || css_dir || "."]
|
|
15
15
|
end
|
|
16
16
|
resolve_additional_import_paths.each do |additional_path|
|
|
17
|
-
locations[additional_path
|
|
17
|
+
locations << [additional_path, File.join(css_path || css_dir || ".", File.basename(additional_path))]
|
|
18
18
|
end
|
|
19
19
|
plugin_opts = {:template_location => locations}
|
|
20
20
|
plugin_opts[:style] = output_style if output_style
|
|
@@ -120,6 +120,10 @@ END
|
|
|
120
120
|
self.options[:pattern_name] = name
|
|
121
121
|
end
|
|
122
122
|
|
|
123
|
+
opts.on("-x", "--syntax SYNTAX", [:sass, :scss], "Specify the syntax to use when generating stylesheets.", "One of sass or scss. Defaults to scss.") do |syntax|
|
|
124
|
+
self.options[:preferred_syntax] = syntax
|
|
125
|
+
end
|
|
126
|
+
|
|
123
127
|
opts.on('--rails', "Sets the app type to a rails project (same as --app rails).") do
|
|
124
128
|
self.options[:project_type] = :rails
|
|
125
129
|
end
|
|
@@ -11,7 +11,7 @@ module Compass::SassExtensions::Functions::Urls
|
|
|
11
11
|
Compass.configuration.http_root_relative(Compass.configuration.css_dir)
|
|
12
12
|
end
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
clean_url("#{http_stylesheets_path}/#{path}")
|
|
15
15
|
end
|
|
16
16
|
|
|
17
17
|
def font_url(path)
|
|
@@ -30,7 +30,7 @@ module Compass::SassExtensions::Functions::Urls
|
|
|
30
30
|
Compass.configuration.http_fonts_path
|
|
31
31
|
end
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
clean_url("#{http_fonts_path}/#{path}")
|
|
34
34
|
end
|
|
35
35
|
|
|
36
36
|
def image_url(path)
|
|
@@ -75,18 +75,18 @@ module Compass::SassExtensions::Functions::Urls
|
|
|
75
75
|
# prepend the asset host if there is one.
|
|
76
76
|
path = "#{asset_host}#{'/' unless path[0..0] == "/"}#{path}" if asset_host
|
|
77
77
|
|
|
78
|
-
|
|
78
|
+
clean_url(path)
|
|
79
79
|
end
|
|
80
80
|
|
|
81
|
+
private
|
|
82
|
+
|
|
81
83
|
# Emits a url, taking off any leading "./"
|
|
82
|
-
def
|
|
84
|
+
def clean_url(url)
|
|
83
85
|
url = url.to_s
|
|
84
86
|
url = url[0..1] == "./" ? url[2..-1] : url
|
|
85
87
|
Sass::Script::String.new("url('#{url}')")
|
|
86
88
|
end
|
|
87
89
|
|
|
88
|
-
private
|
|
89
|
-
|
|
90
90
|
def relative?
|
|
91
91
|
Compass.configuration.relative_assets?
|
|
92
92
|
end
|
data/test/configuration_test.rb
CHANGED
|
@@ -81,8 +81,8 @@ class ConfigurationTest < Test::Unit::TestCase
|
|
|
81
81
|
|
|
82
82
|
assert Compass.configuration.to_sass_engine_options[:load_paths].include?("/home/chris/my_compass_project/../foo")
|
|
83
83
|
assert Compass.configuration.to_sass_engine_options[:load_paths].include?("/path/to/my/framework"), Compass.configuration.to_sass_engine_options[:load_paths].inspect
|
|
84
|
-
assert_equal "/home/chris/my_compass_project/css/framework", Compass.configuration.to_sass_plugin_options[:template_location]
|
|
85
|
-
assert_equal "/home/chris/my_compass_project/css/foo", Compass.configuration.to_sass_plugin_options[:template_location]
|
|
84
|
+
assert_equal "/home/chris/my_compass_project/css/framework", Compass.configuration.to_sass_plugin_options[:template_location].find{|s,c| s == "/path/to/my/framework"}[1]
|
|
85
|
+
assert_equal "/home/chris/my_compass_project/css/foo", Compass.configuration.to_sass_plugin_options[:template_location].find{|s,c| s == "/home/chris/my_compass_project/../foo"}[1]
|
|
86
86
|
|
|
87
87
|
expected_serialization = <<EXPECTED
|
|
88
88
|
# Require any additional compass plugins here.
|
|
@@ -111,8 +111,8 @@ EXPECTED
|
|
|
111
111
|
|
|
112
112
|
assert Compass.configuration.to_sass_engine_options[:load_paths].include?("/home/chris/my_compass_project/../foo")
|
|
113
113
|
assert Compass.configuration.to_sass_engine_options[:load_paths].include?("/path/to/my/framework"), Compass.configuration.to_sass_engine_options[:load_paths].inspect
|
|
114
|
-
assert_equal "/home/chris/my_compass_project/css/framework", Compass.configuration.to_sass_plugin_options[:template_location]
|
|
115
|
-
assert_equal "/home/chris/my_compass_project/css/foo", Compass.configuration.to_sass_plugin_options[:template_location]
|
|
114
|
+
assert_equal "/home/chris/my_compass_project/css/framework", Compass.configuration.to_sass_plugin_options[:template_location].find{|s,c| s == "/path/to/my/framework"}[1]
|
|
115
|
+
assert_equal "/home/chris/my_compass_project/css/foo", Compass.configuration.to_sass_plugin_options[:template_location].find{|s,c| s == "/home/chris/my_compass_project/../foo"}[1]
|
|
116
116
|
|
|
117
117
|
expected_serialization = <<EXPECTED
|
|
118
118
|
# Require any additional compass plugins here.
|
|
@@ -13,7 +13,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
|
13
13
|
h1 {
|
|
14
14
|
font-size: 3em;
|
|
15
15
|
line-height: 1;
|
|
16
|
-
margin-bottom: 0.
|
|
16
|
+
margin-bottom: 0.50em; }
|
|
17
17
|
|
|
18
18
|
h2 {
|
|
19
19
|
font-size: 2em;
|
|
@@ -22,7 +22,7 @@ h2 {
|
|
|
22
22
|
h3 {
|
|
23
23
|
font-size: 1.5em;
|
|
24
24
|
line-height: 1;
|
|
25
|
-
margin-bottom:
|
|
25
|
+
margin-bottom: 1.00em; }
|
|
26
26
|
|
|
27
27
|
h4 {
|
|
28
28
|
font-size: 1.2em;
|
|
@@ -32,7 +32,7 @@ h4 {
|
|
|
32
32
|
h5 {
|
|
33
33
|
font-size: 1em;
|
|
34
34
|
font-weight: bold;
|
|
35
|
-
margin-bottom: 1.
|
|
35
|
+
margin-bottom: 1.50em; }
|
|
36
36
|
|
|
37
37
|
h6 {
|
|
38
38
|
font-size: 1em;
|
metadata
CHANGED
|
@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
|
|
|
6
6
|
- 0
|
|
7
7
|
- 10
|
|
8
8
|
- 0
|
|
9
|
-
-
|
|
10
|
-
version: 0.10.0.
|
|
9
|
+
- rc6
|
|
10
|
+
version: 0.10.0.rc6
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Chris Eppstein
|
|
@@ -17,7 +17,7 @@ autorequire:
|
|
|
17
17
|
bindir: bin
|
|
18
18
|
cert_chain: []
|
|
19
19
|
|
|
20
|
-
date: 2010-05-
|
|
20
|
+
date: 2010-05-08 00:00:00 -07:00
|
|
21
21
|
default_executable: compass
|
|
22
22
|
dependencies:
|
|
23
23
|
- !ruby/object:Gem::Dependency
|