compass 0.11.3 → 0.11.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (56) hide show
  1. data/VERSION.yml +1 -1
  2. data/features/command_line.feature +9 -0
  3. data/features/step_definitions/command_line_steps.rb +7 -0
  4. data/frameworks/blueprint/stylesheets/blueprint/_debug.scss +2 -2
  5. data/frameworks/blueprint/stylesheets/blueprint/_form.scss +1 -1
  6. data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +4 -1
  7. data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +1 -1
  8. data/frameworks/compass/stylesheets/compass/css3/_images.scss +1 -4
  9. data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +1 -4
  10. data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +2 -0
  11. data/frameworks/compass/stylesheets/compass/css3/_transition.scss +35 -1
  12. data/frameworks/compass/stylesheets/compass/typography/_text.scss +1 -0
  13. data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +74 -14
  14. data/frameworks/compass/stylesheets/compass/typography/text/_force-wrap.scss +12 -0
  15. data/lib/compass.rb +1 -1
  16. data/lib/compass/commands/base.rb +9 -1
  17. data/lib/compass/commands/project_base.rb +2 -2
  18. data/lib/compass/commands/update_project.rb +2 -1
  19. data/lib/compass/compiler.rb +5 -2
  20. data/lib/compass/configuration.rb +2 -1
  21. data/lib/compass/configuration/adapters.rb +2 -2
  22. data/lib/compass/configuration/defaults.rb +4 -0
  23. data/lib/compass/exec/sub_command_ui.rb +4 -3
  24. data/lib/compass/sass_extensions/functions/inline_image.rb +2 -0
  25. data/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb +3 -2
  26. data/test/fixtures/stylesheets/blueprint/css/screen.css +5 -5
  27. data/test/fixtures/stylesheets/blueprint/css/single-imports/debug.css +4 -4
  28. data/test/fixtures/stylesheets/blueprint/css/single-imports/form.css +1 -1
  29. data/test/fixtures/stylesheets/compass/css/force-wrap.css +9 -0
  30. data/test/fixtures/stylesheets/compass/css/gradients.css +0 -3
  31. data/test/fixtures/stylesheets/compass/css/opacity.css +0 -1
  32. data/test/fixtures/stylesheets/compass/sass/force-wrap.scss +3 -0
  33. data/test/fixtures/stylesheets/compass/tmp/border_radius.css +23 -0
  34. data/test/fixtures/stylesheets/compass/tmp/box.css +103 -0
  35. data/test/fixtures/stylesheets/compass/tmp/box_shadow.css +17 -0
  36. data/test/fixtures/stylesheets/compass/tmp/columns.css +47 -0
  37. data/test/fixtures/stylesheets/compass/tmp/fonts.css +4 -0
  38. data/test/fixtures/stylesheets/compass/tmp/force-wrap.css +9 -0
  39. data/test/fixtures/stylesheets/compass/tmp/gradients.css +576 -0
  40. data/test/fixtures/stylesheets/compass/tmp/grid_background.css +78 -0
  41. data/test/fixtures/stylesheets/compass/tmp/image_size.css +15 -0
  42. data/test/fixtures/stylesheets/compass/tmp/images.css +8 -0
  43. data/test/fixtures/stylesheets/compass/tmp/layout.css +16 -0
  44. data/test/fixtures/stylesheets/compass/tmp/legacy_clearfix.css +26 -0
  45. data/test/fixtures/stylesheets/compass/tmp/lists.css +153 -0
  46. data/test/fixtures/stylesheets/compass/tmp/opacity.css +3 -0
  47. data/test/fixtures/stylesheets/compass/tmp/pie.css +28 -0
  48. data/test/fixtures/stylesheets/compass/tmp/print.css +11 -0
  49. data/test/fixtures/stylesheets/compass/tmp/reset.css +60 -0
  50. data/test/fixtures/stylesheets/compass/tmp/sprites.css +1262 -0
  51. data/test/fixtures/stylesheets/compass/tmp/stretching.css +66 -0
  52. data/test/fixtures/stylesheets/compass/tmp/text_shadow.css +14 -0
  53. data/test/fixtures/stylesheets/compass/tmp/transform.css +333 -0
  54. data/test/fixtures/stylesheets/compass/tmp/utilities.css +36 -0
  55. data/test/fixtures/stylesheets/compass/tmp/vertical_rhythm.css +42 -0
  56. metadata +78 -3
data/test/fixtures/stylesheets/compass/tmp/stretching.css ADDED
@@ -0,0 +1,66 @@
1
+ .stretched-completely {
2
+ position: absolute;
3
+ top: 0;
4
+ bottom: 0;
5
+ left: 0;
6
+ right: 0; }
7
+
8
+ .stretched-horizontally {
9
+ position: absolute;
10
+ left: 0;
11
+ right: 0; }
12
+
13
+ .stretched-right {
14
+ position: absolute;
15
+ left: 0;
16
+ right: 50%; }
17
+
18
+ .left-pane {
19
+ position: absolute;
20
+ top: 0;
21
+ bottom: 0;
22
+ left: 0;
23
+ right: 50%; }
24
+
25
+ .stretched-left {
26
+ position: absolute;
27
+ left: 50%;
28
+ right: 0; }
29
+
30
+ .right-pane {
31
+ position: absolute;
32
+ top: 0;
33
+ bottom: 0;
34
+ left: 50%;
35
+ right: 0; }
36
+
37
+ .stretched-down {
38
+ position: absolute;
39
+ top: 0;
40
+ bottom: 50%; }
41
+
42
+ .top-pane {
43
+ position: absolute;
44
+ top: 0;
45
+ bottom: 50%;
46
+ left: 0;
47
+ right: 0; }
48
+
49
+ .stretched-up {
50
+ position: absolute;
51
+ top: 50%;
52
+ bottom: 0; }
53
+
54
+ .bottom-pane {
55
+ position: absolute;
56
+ top: 50%;
57
+ bottom: 0;
58
+ left: 0;
59
+ right: 0; }
60
+
61
+ .viewport {
62
+ position: absolute;
63
+ top: 10px;
64
+ bottom: 30px;
65
+ left: 40px;
66
+ right: 20px; }
data/test/fixtures/stylesheets/compass/tmp/text_shadow.css ADDED
@@ -0,0 +1,14 @@
1
+ .legacy-text-shadow {
2
+ text-shadow: #777777 5px 5px 10px; }
3
+
4
+ .single-text-shadow {
5
+ text-shadow: #aaaaaa 0px 0px 1px; }
6
+
7
+ .default-text-shadow {
8
+ text-shadow: #aaaaaa 0px 0px 1px; }
9
+
10
+ .multiple-text-shadows-with-default {
11
+ text-shadow: #aaaaaa 0px 0px 1px, 2px 2px 5px #222222; }
12
+
13
+ .multiple-text-shadows {
14
+ text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }
data/test/fixtures/stylesheets/compass/tmp/transform.css ADDED
@@ -0,0 +1,333 @@
1
+ .apply-origin-2d {
2
+ -moz-transform-origin: 2px 5%;
3
+ -webkit-transform-origin: 2px 5%;
4
+ -o-transform-origin: 2px 5%;
5
+ -ms-transform-origin: 2px 5%;
6
+ transform-origin: 2px 5%; }
7
+
8
+ .apply-origin-3d {
9
+ -webkit-transform-origin: 2px 5% 2in;
10
+ transform-origin: 2px 5% 2in; }
11
+
12
+ .transform-origin-2d {
13
+ -moz-transform-origin: 100px 100px;
14
+ -webkit-transform-origin: 100px 100px;
15
+ -o-transform-origin: 100px 100px;
16
+ -ms-transform-origin: 100px 100px;
17
+ transform-origin: 100px 100px; }
18
+
19
+ .transform-origin-3d {
20
+ -webkit-transform-origin: 100px 100px 100px;
21
+ transform-origin: 100px 100px 100px; }
22
+
23
+ .transform-2d {
24
+ -moz-transform: rotateY(20deg);
25
+ -webkit-transform: rotateY(20deg);
26
+ -o-transform: rotateY(20deg);
27
+ -ms-transform: rotateY(20deg);
28
+ transform: rotateY(20deg); }
29
+
30
+ .transform-3d {
31
+ -webkit-transform: rotateZ(20deg);
32
+ transform: rotateZ(20deg); }
33
+
34
+ .perspective {
35
+ -webkit-perspective: 500;
36
+ perspective: 500; }
37
+
38
+ .perspective-origin {
39
+ -webkit-perspective-origin: 25% 25%;
40
+ perspective-origin: 25% 25%; }
41
+
42
+ .transform-style {
43
+ -webkit-transform-style: preserve-3d;
44
+ transform-style: preserve-3d; }
45
+
46
+ .backface-visibility {
47
+ -webkit-backface-visibility: hidden;
48
+ backface-visibility: hidden; }
49
+
50
+ .scale {
51
+ -moz-transform: scale(30px, 50px);
52
+ -webkit-transform: scale(30px, 50px);
53
+ -o-transform: scale(30px, 50px);
54
+ -ms-transform: scale(30px, 50px);
55
+ transform: scale(30px, 50px); }
56
+
57
+ .scale-3d {
58
+ -webkit-transform: scale(30px, 50px);
59
+ transform: scale(30px, 50px); }
60
+
61
+ .scale-with-perspective {
62
+ -moz-transform: perspective(500) scale(30px, 50px);
63
+ -webkit-transform: perspective(500) scale(30px, 50px);
64
+ -o-transform: perspective(500) scale(30px, 50px);
65
+ -ms-transform: perspective(500) scale(30px, 50px);
66
+ transform: perspective(500) scale(30px, 50px); }
67
+
68
+ .scale-3d-with-perspective {
69
+ -webkit-transform: perspective(500) scale(30px, 50px);
70
+ transform: perspective(500) scale(30px, 50px); }
71
+
72
+ .scale-x {
73
+ -moz-transform: scaleX(30px);
74
+ -webkit-transform: scaleX(30px);
75
+ -o-transform: scaleX(30px);
76
+ -ms-transform: scaleX(30px);
77
+ transform: scaleX(30px); }
78
+
79
+ .scale-x-3d {
80
+ -webkit-transform: scaleX(30px);
81
+ transform: scaleX(30px); }
82
+
83
+ .scale-x-with-perspective {
84
+ -moz-transform: perspective(500) scaleX(30px);
85
+ -webkit-transform: perspective(500) scaleX(30px);
86
+ -o-transform: perspective(500) scaleX(30px);
87
+ -ms-transform: perspective(500) scaleX(30px);
88
+ transform: perspective(500) scaleX(30px); }
89
+
90
+ .scale-x-3d-with-perspective {
91
+ -webkit-transform: perspective(500) scaleX(30px);
92
+ transform: perspective(500) scaleX(30px); }
93
+
94
+ .scale-y {
95
+ -moz-transform: scaleY(50px);
96
+ -webkit-transform: scaleY(50px);
97
+ -o-transform: scaleY(50px);
98
+ -ms-transform: scaleY(50px);
99
+ transform: scaleY(50px); }
100
+
101
+ .scale-y-3d {
102
+ -webkit-transform: scaleY(50px);
103
+ transform: scaleY(50px); }
104
+
105
+ .scale-y-with-perspective {
106
+ -moz-transform: perspective(500) scaleY(50px);
107
+ -webkit-transform: perspective(500) scaleY(50px);
108
+ -o-transform: perspective(500) scaleY(50px);
109
+ -ms-transform: perspective(500) scaleY(50px);
110
+ transform: perspective(500) scaleY(50px); }
111
+
112
+ .scale-y-3d-with-perspective {
113
+ -webkit-transform: perspective(500) scaleY(50px);
114
+ transform: perspective(500) scaleY(50px); }
115
+
116
+ .scale-z {
117
+ -webkit-transform: scaleZ(50px);
118
+ transform: scaleZ(50px); }
119
+
120
+ .scale-z-with-perspective {
121
+ -webkit-transform: perspective(500) scaleZ(50px);
122
+ transform: perspective(500) scaleZ(50px); }
123
+
124
+ .scale3d {
125
+ -webkit-transform: scale3d(30px, 50px, 100px);
126
+ transform: scale3d(30px, 50px, 100px); }
127
+
128
+ .scaled3-with-perspective {
129
+ -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
130
+ transform: perspective(500) scale3d(30px, 50px, 100px); }
131
+
132
+ .rotate {
133
+ -moz-transform: perspective(500) rotate(25deg);
134
+ -webkit-transform: perspective(500) rotate(25deg);
135
+ -o-transform: perspective(500) rotate(25deg);
136
+ -ms-transform: perspective(500) rotate(25deg);
137
+ transform: perspective(500) rotate(25deg); }
138
+
139
+ .rotate-with-perspective {
140
+ -moz-transform: perspective(500) rotate(25deg);
141
+ -webkit-transform: perspective(500) rotate(25deg);
142
+ -o-transform: perspective(500) rotate(25deg);
143
+ -ms-transform: perspective(500) rotate(25deg);
144
+ transform: perspective(500) rotate(25deg); }
145
+
146
+ .rotate-z {
147
+ -moz-transform: rotate(25deg);
148
+ -webkit-transform: rotate(25deg);
149
+ -o-transform: rotate(25deg);
150
+ -ms-transform: rotate(25deg);
151
+ transform: rotate(25deg); }
152
+
153
+ .rotate-z-with-perspective {
154
+ -moz-transform: perspective(500) rotate(25deg);
155
+ -webkit-transform: perspective(500) rotate(25deg);
156
+ -o-transform: perspective(500) rotate(25deg);
157
+ -ms-transform: perspective(500) rotate(25deg);
158
+ transform: perspective(500) rotate(25deg); }
159
+
160
+ .rotate-x {
161
+ -webkit-transform: rotateX(25deg);
162
+ transform: rotateX(25deg); }
163
+
164
+ .rotate-x-with-perspective {
165
+ -webkit-transform: perspective(500) rotateX(25deg);
166
+ transform: perspective(500) rotateX(25deg); }
167
+
168
+ .rotate-y {
169
+ -webkit-transform: rotateY(25deg);
170
+ transform: rotateY(25deg); }
171
+
172
+ .rotate-y-with-perspective {
173
+ -webkit-transform: perspective(500) rotateY(25deg);
174
+ transform: perspective(500) rotateY(25deg); }
175
+
176
+ .rotate-3d {
177
+ -webkit-transform: rotate3d(5, 2, 1, 75deg);
178
+ transform: rotate3d(5, 2, 1, 75deg); }
179
+
180
+ .rotate-3d-with-perspective {
181
+ -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
182
+ transform: perspective(500) rotate3d(5, 2, 1, 75deg); }
183
+
184
+ .translate {
185
+ -moz-transform: translate(20px, 30%);
186
+ -webkit-transform: translate(20px, 30%);
187
+ -o-transform: translate(20px, 30%);
188
+ -ms-transform: translate(20px, 30%);
189
+ transform: translate(20px, 30%); }
190
+
191
+ .translate-with-perspective {
192
+ -moz-transform: perspective(500) translate(20px, 30%);
193
+ -webkit-transform: perspective(500) translate(20px, 30%);
194
+ -o-transform: perspective(500) translate(20px, 30%);
195
+ -ms-transform: perspective(500) translate(20px, 30%);
196
+ transform: perspective(500) translate(20px, 30%); }
197
+
198
+ .translate-3d {
199
+ -webkit-transform: translate(20px, 30%);
200
+ transform: translate(20px, 30%); }
201
+
202
+ .translate-3d-with-perspective {
203
+ -webkit-transform: perspective(500) translate(20px, 30%);
204
+ transform: perspective(500) translate(20px, 30%); }
205
+
206
+ .translate-x {
207
+ -moz-transform: translateX(30px);
208
+ -webkit-transform: translateX(30px);
209
+ -o-transform: translateX(30px);
210
+ -ms-transform: translateX(30px);
211
+ transform: translateX(30px); }
212
+
213
+ .translate-x-3d {
214
+ -webkit-transform: translateX(30px);
215
+ transform: translateX(30px); }
216
+
217
+ .translate-x-with-perspective {
218
+ -moz-transform: perspective(500) translateX(30px);
219
+ -webkit-transform: perspective(500) translateX(30px);
220
+ -o-transform: perspective(500) translateX(30px);
221
+ -ms-transform: perspective(500) translateX(30px);
222
+ transform: perspective(500) translateX(30px); }
223
+
224
+ .translate-x-3d-with-perspective {
225
+ -webkit-transform: perspective(500) translateX(30px);
226
+ transform: perspective(500) translateX(30px); }
227
+
228
+ .translate-y {
229
+ -moz-transform: translateY(30px);
230
+ -webkit-transform: translateY(30px);
231
+ -o-transform: translateY(30px);
232
+ -ms-transform: translateY(30px);
233
+ transform: translateY(30px); }
234
+
235
+ .translate-y-3d {
236
+ -webkit-transform: translateY(30px);
237
+ transform: translateY(30px); }
238
+
239
+ .translate-y-with-perspective {
240
+ -moz-transform: perspective(500) translateY(30px);
241
+ -webkit-transform: perspective(500) translateY(30px);
242
+ -o-transform: perspective(500) translateY(30px);
243
+ -ms-transform: perspective(500) translateY(30px);
244
+ transform: perspective(500) translateY(30px); }
245
+
246
+ .translate-y-3d-with-perspective {
247
+ -webkit-transform: perspective(500) translateY(30px);
248
+ transform: perspective(500) translateY(30px); }
249
+
250
+ .translate-z {
251
+ -webkit-transform: translateZ(30px);
252
+ transform: translateZ(30px); }
253
+
254
+ .translate-z-with-perspective {
255
+ -webkit-transform: perspective(500) translateZ(30px);
256
+ transform: perspective(500) translateZ(30px); }
257
+
258
+ .translate-3d {
259
+ -webkit-transform: translate3d(30px, 50px, 75px);
260
+ transform: translate3d(30px, 50px, 75px); }
261
+
262
+ .translate-3d-with-perspective {
263
+ -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
264
+ transform: perspective(500) translate3d(30px, 50px, 75px); }
265
+
266
+ .skew {
267
+ -moz-transform: skew(20deg, 50deg);
268
+ -webkit-transform: skew(20deg, 50deg);
269
+ -o-transform: skew(20deg, 50deg);
270
+ -ms-transform: skew(20deg, 50deg);
271
+ transform: skew(20deg, 50deg); }
272
+
273
+ .skew-3d {
274
+ -webkit-transform: skew(20deg, 50deg);
275
+ transform: skew(20deg, 50deg); }
276
+
277
+ .skew-x {
278
+ -moz-transform: skewX(20deg);
279
+ -webkit-transform: skewX(20deg);
280
+ -o-transform: skewX(20deg);
281
+ -ms-transform: skewX(20deg);
282
+ transform: skewX(20deg); }
283
+
284
+ .skew-x-3d {
285
+ -webkit-transform: skewX(20deg);
286
+ transform: skewX(20deg); }
287
+
288
+ .skew-y {
289
+ -moz-transform: skewY(20deg);
290
+ -webkit-transform: skewY(20deg);
291
+ -o-transform: skewY(20deg);
292
+ -ms-transform: skewY(20deg);
293
+ transform: skewY(20deg); }
294
+
295
+ .skew-y-3d {
296
+ -webkit-transform: skewY(20deg);
297
+ transform: skewY(20deg); }
298
+
299
+ .create-transform-2d {
300
+ -moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
301
+ -webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
302
+ -o-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
303
+ -ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
304
+ transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
305
+ -moz-transform-origin: 50%;
306
+ -webkit-transform-origin: 50%;
307
+ -o-transform-origin: 50%;
308
+ -ms-transform-origin: 50%;
309
+ transform-origin: 50%; }
310
+
311
+ .create-transform-3d {
312
+ -moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
313
+ -webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
314
+ -o-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
315
+ -ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
316
+ transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
317
+ -moz-transform-origin: 50% 50%;
318
+ -webkit-transform-origin: 50% 50%;
319
+ -o-transform-origin: 50% 50%;
320
+ -ms-transform-origin: 50% 50%;
321
+ transform-origin: 50% 50%; }
322
+
323
+ .simple-transform {
324
+ -moz-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
325
+ -webkit-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
326
+ -o-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
327
+ -ms-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
328
+ transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
329
+ -moz-transform-origin: 10% 10%;
330
+ -webkit-transform-origin: 10% 10%;
331
+ -o-transform-origin: 10% 10%;
332
+ -ms-transform-origin: 10% 10%;
333
+ transform-origin: 10% 10%; }
data/test/fixtures/stylesheets/compass/tmp/utilities.css ADDED
@@ -0,0 +1,36 @@
1
+ .clearfix {
2
+ overflow: hidden;
3
+ *zoom: 1; }
4
+
5
+ .pie-clearfix {
6
+ *zoom: 1; }
7
+ .pie-clearfix:after {
8
+ content: "\0020";
9
+ display: block;
10
+ height: 0;
11
+ clear: both;
12
+ overflow: hidden;
13
+ visibility: hidden; }
14
+
15
+ .simple-pie-clearfix {
16
+ *zoom: 1; }
17
+ .simple-pie-clearfix:after {
18
+ content: "";
19
+ display: table;
20
+ clear: both; }
21
+
22
+ p.light {
23
+ background-color: #b0201e;
24
+ color: black; }
25
+
26
+ p.dark {
27
+ background-color: #5f1210;
28
+ color: white; }
29
+
30
+ p.light-with-args {
31
+ background-color: #b0201e;
32
+ color: green; }
33
+
34
+ p.dark-with-args {
35
+ background-color: #5f1210;
36
+ color: blue; }