compass 0.11.4 → 0.11.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (38) hide show
  1. data/VERSION.yml +1 -1
  2. data/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss +1 -1
  3. data/frameworks/compass/stylesheets/compass/css3/_transition.scss +1 -1
  4. data/frameworks/compass/stylesheets/compass/reset/_utilities-legacy.scss +1 -1
  5. data/frameworks/compass/stylesheets/compass/reset/_utilities.scss +2 -3
  6. data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +5 -5
  7. data/lib/compass/compiler.rb +1 -1
  8. data/lib/compass/sass_extensions/functions/display.rb +11 -10
  9. data/test/fixtures/stylesheets/blueprint/css/screen.css +1 -2
  10. data/test/fixtures/stylesheets/blueprint/css/single-imports/reset-utilities.css +4 -4
  11. data/test/fixtures/stylesheets/blueprint/css/single-imports/reset.css +2 -2
  12. data/test/fixtures/stylesheets/compass/css/print.css +2 -2
  13. data/test/fixtures/stylesheets/compass/css/reset.css +6 -6
  14. data/test/units/configuration_test.rb +2 -2
  15. metadata +3 -73
  16. data/test/fixtures/stylesheets/compass/tmp/border_radius.css +0 -23
  17. data/test/fixtures/stylesheets/compass/tmp/box.css +0 -103
  18. data/test/fixtures/stylesheets/compass/tmp/box_shadow.css +0 -17
  19. data/test/fixtures/stylesheets/compass/tmp/columns.css +0 -47
  20. data/test/fixtures/stylesheets/compass/tmp/fonts.css +0 -4
  21. data/test/fixtures/stylesheets/compass/tmp/force-wrap.css +0 -9
  22. data/test/fixtures/stylesheets/compass/tmp/gradients.css +0 -576
  23. data/test/fixtures/stylesheets/compass/tmp/grid_background.css +0 -78
  24. data/test/fixtures/stylesheets/compass/tmp/image_size.css +0 -15
  25. data/test/fixtures/stylesheets/compass/tmp/images.css +0 -8
  26. data/test/fixtures/stylesheets/compass/tmp/layout.css +0 -16
  27. data/test/fixtures/stylesheets/compass/tmp/legacy_clearfix.css +0 -26
  28. data/test/fixtures/stylesheets/compass/tmp/lists.css +0 -153
  29. data/test/fixtures/stylesheets/compass/tmp/opacity.css +0 -3
  30. data/test/fixtures/stylesheets/compass/tmp/pie.css +0 -28
  31. data/test/fixtures/stylesheets/compass/tmp/print.css +0 -11
  32. data/test/fixtures/stylesheets/compass/tmp/reset.css +0 -60
  33. data/test/fixtures/stylesheets/compass/tmp/sprites.css +0 -1262
  34. data/test/fixtures/stylesheets/compass/tmp/stretching.css +0 -66
  35. data/test/fixtures/stylesheets/compass/tmp/text_shadow.css +0 -14
  36. data/test/fixtures/stylesheets/compass/tmp/transform.css +0 -333
  37. data/test/fixtures/stylesheets/compass/tmp/utilities.css +0 -36
  38. data/test/fixtures/stylesheets/compass/tmp/vertical_rhythm.css +0 -42
@@ -1,66 +0,0 @@
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; }
@@ -1,14 +0,0 @@
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; }
@@ -1,333 +0,0 @@
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%; }
@@ -1,36 +0,0 @@
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; }