compass 0.13.alpha.7 → 0.13.alpha.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. checksums.yaml +4 -4
  2. data/VERSION.yml +1 -1
  3. data/frameworks/compass/stylesheets/compass/_support.scss +136 -62
  4. data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +1 -1
  5. data/frameworks/compass/stylesheets/compass/css3/_flexbox.scss +11 -2
  6. data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +2 -2
  7. data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +1 -1
  8. data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss +1 -1
  9. data/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss +2 -2
  10. data/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss +1 -1
  11. data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +3 -3
  12. data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +6 -6
  13. data/lib/compass/browser_support.rb +2 -2
  14. data/lib/compass/caniuse.rb +55 -19
  15. data/lib/compass/sass_extensions/functions/cross_browser_support.rb +34 -10
  16. data/test/fixtures/stylesheets/compass/css/animation-with-legacy-ie.css +0 -3
  17. data/test/fixtures/stylesheets/compass/css/animation.css +0 -3
  18. data/test/fixtures/stylesheets/compass/css/filters.css +30 -6
  19. data/test/fixtures/stylesheets/compass/css/gradients.css +7 -2
  20. data/test/fixtures/stylesheets/compass/css/support.css +23 -16
  21. data/test/fixtures/stylesheets/compass/sass/support.scss +45 -8
  22. data/test/fixtures/stylesheets/envtest/tmp/env.css +3 -3
  23. data/test/units/caniuse_test.rb +29 -10
  24. metadata +3 -91
  25. data/test/fixtures/stylesheets/compass/tmp/animation-with-legacy-ie.css +0 -22
  26. data/test/fixtures/stylesheets/compass/tmp/animation.css +0 -22
  27. data/test/fixtures/stylesheets/compass/tmp/appearance.css +0 -3
  28. data/test/fixtures/stylesheets/compass/tmp/background-clip.css +0 -11
  29. data/test/fixtures/stylesheets/compass/tmp/background-origin.css +0 -11
  30. data/test/fixtures/stylesheets/compass/tmp/background-size.css +0 -17
  31. data/test/fixtures/stylesheets/compass/tmp/border_radius.css +0 -14
  32. data/test/fixtures/stylesheets/compass/tmp/box-sizing.css +0 -9
  33. data/test/fixtures/stylesheets/compass/tmp/box.css +0 -103
  34. data/test/fixtures/stylesheets/compass/tmp/box_shadow.css +0 -24
  35. data/test/fixtures/stylesheets/compass/tmp/brightness.css +0 -14
  36. data/test/fixtures/stylesheets/compass/tmp/browser-support.css +0 -306
  37. data/test/fixtures/stylesheets/compass/tmp/color.css +0 -18
  38. data/test/fixtures/stylesheets/compass/tmp/columns.css +0 -134
  39. data/test/fixtures/stylesheets/compass/tmp/filters.css +0 -29
  40. data/test/fixtures/stylesheets/compass/tmp/flexbox.css +0 -94
  41. data/test/fixtures/stylesheets/compass/tmp/fonts.css +0 -4
  42. data/test/fixtures/stylesheets/compass/tmp/force-wrap.css +0 -9
  43. data/test/fixtures/stylesheets/compass/tmp/gradients.css +0 -230
  44. data/test/fixtures/stylesheets/compass/tmp/grid_background.css +0 -64
  45. data/test/fixtures/stylesheets/compass/tmp/hyphenation.css +0 -16
  46. data/test/fixtures/stylesheets/compass/tmp/image_size.css +0 -15
  47. data/test/fixtures/stylesheets/compass/tmp/images.css +0 -8
  48. data/test/fixtures/stylesheets/compass/tmp/layout.css +0 -16
  49. data/test/fixtures/stylesheets/compass/tmp/legacy_clearfix.css +0 -26
  50. data/test/fixtures/stylesheets/compass/tmp/lists.css +0 -145
  51. data/test/fixtures/stylesheets/compass/tmp/opacity.css +0 -3
  52. data/test/fixtures/stylesheets/compass/tmp/print.css +0 -11
  53. data/test/fixtures/stylesheets/compass/tmp/regions.css +0 -9
  54. data/test/fixtures/stylesheets/compass/tmp/replacement.css +0 -59
  55. data/test/fixtures/stylesheets/compass/tmp/reset.css +0 -59
  56. data/test/fixtures/stylesheets/compass/tmp/selection.css +0 -50
  57. data/test/fixtures/stylesheets/compass/tmp/sprites.css +0 -1263
  58. data/test/fixtures/stylesheets/compass/tmp/sprites_with_explicit_separator.css +0 -16
  59. data/test/fixtures/stylesheets/compass/tmp/stretching.css +0 -66
  60. data/test/fixtures/stylesheets/compass/tmp/support.css +0 -59
  61. data/test/fixtures/stylesheets/compass/tmp/text_shadow.css +0 -29
  62. data/test/fixtures/stylesheets/compass/tmp/transform.css +0 -369
  63. data/test/fixtures/stylesheets/compass/tmp/transition.css +0 -116
  64. data/test/fixtures/stylesheets/compass/tmp/typography/links/hover-link.css +0 -4
  65. data/test/fixtures/stylesheets/compass/tmp/units.css +0 -30
  66. data/test/fixtures/stylesheets/compass/tmp/user-interface.css +0 -52
  67. data/test/fixtures/stylesheets/compass/tmp/utilities.css +0 -71
  68. data/test/fixtures/stylesheets/compass/tmp/vertical_rhythm.css +0 -211
@@ -1,16 +0,0 @@
1
- .flag_states_sprite, .flag_states_foo {
2
- background-image: url('/images/flag_states-sc42d7bf926.png');
3
- background-repeat: no-repeat; }
4
-
5
- .flag_states_foo {
6
- background-position: 0 0;
7
- height: 11px;
8
- width: 16px; }
9
- .flag_states_foo:hover, .flag_states_foo.foo_hover {
10
- background-position: 0 -33px; }
11
- .flag_states_foo:target, .flag_states_foo.foo_target {
12
- background-position: 0 -44px; }
13
- .flag_states_foo:active, .flag_states_foo.foo_active {
14
- background-position: 0 -11px; }
15
- .flag_states_foo:focus, .flag_states_foo.foo_focus {
16
- background-position: 0 -22px; }
@@ -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,59 +0,0 @@
1
- /*
2
-
3
- ### Compass Support ------ */
4
- /* - [function] set-arglist-default() with no arguments (1 assertions, 1 passed, 0 failed) */
5
- /* - [function] set-arglist-default() with a "default" argument (1 assertions, 1 passed, 0 failed) */
6
- /* - [function] set-arglist-default() with a "default" argument and another argument (1 assertions, 1 passed, 0 failed) */
7
- /* - [function] set-arglist-default() with a "default" argument not first and another argument (1 assertions, 1 passed, 0 failed) */
8
- /* - [function] support-legacy-browser() from threshold (2 assertions, 2 passed, 0 failed) */
9
- /* - [function] support-legacy-browser() from minimums (2 assertions, 2 passed, 0 failed) */
10
- /* - [function] browser-out-of-scope() with no scope (2 assertions, 2 passed, 0 failed) */
11
- /* - [function] browser-out-of-scope() with a scope (2 assertions, 2 passed, 0 failed) */
12
- /* - [function] browser-out-of-scope() with version (3 assertions, 3 passed, 0 failed) */
13
- /* - [mixin] with-prefix() (4 assertions, 4 passed, 0 failed) */
14
- /* - [mixin] with-each-prefix() (1 assertions, 1 passed, 0 failed) */
15
- /* - [mixin] with-each-prefix() respects $supported-browsers (1 assertions, 1 passed, 0 failed) */
16
- /* - [mixin] with-each-prefix() respects $current-prefix (2 assertions, 2 passed, 0 failed) */
17
- /*
18
- Summary:
19
- - 13 Tests
20
- - 13 Passed
21
- - 0 Failed */
22
- /* Capability css-animation is prefixed with -moz because omitting it would affect 1.03559% of users and the threshold is 0.1%. */
23
- @-moz-keyframes foo {
24
- 0% {
25
- /* Content for ie 8 omitted.
26
- Not allowed in the current scope: The ie 8 is incompatible with -moz. */
27
- opacity: 0; }
28
-
29
- 100% {
30
- /* Content for ie 8 omitted.
31
- Not allowed in the current scope: The ie 8 is incompatible with -moz. */
32
- opacity: 1; } }
33
- /* Capability css-animation is prefixed with -webkit because omitting it would affect 51.42143% of users and the threshold is 0.1%. */
34
- @-webkit-keyframes foo {
35
- 0% {
36
- /* Content for ie 8 omitted.
37
- Not allowed in the current scope: The ie 8 is incompatible with -webkit. */
38
- opacity: 0; }
39
-
40
- 100% {
41
- /* Content for ie 8 omitted.
42
- Not allowed in the current scope: The ie 8 is incompatible with -webkit. */
43
- opacity: 1; } }
44
- @keyframes foo {
45
- 0% {
46
- /* Content for ie 8 omitted.
47
- Not allowed in the current scope: The current scope only works with ie 10 or greater. */
48
- opacity: 0; }
49
-
50
- 100% {
51
- /* Content for ie 8 omitted.
52
- Not allowed in the current scope: The current scope only works with ie 10 or greater. */
53
- opacity: 1; } }
54
- .foo {
55
- /* Capability css-animation is prefixed with -moz because omitting it would affect 1.03559% of users and the threshold is 0.1%. */
56
- -moz-animation: foo 1s;
57
- /* Capability css-animation is prefixed with -webkit because omitting it would affect 51.42143% of users and the threshold is 0.1%. */
58
- -webkit-animation: foo 1s;
59
- animation: foo 1s; }
@@ -1,29 +0,0 @@
1
- .default-single-text-shadow {
2
- text-shadow: 0px 0px 1px #aaaaaa; }
3
-
4
- .none {
5
- text-shadow: none; }
6
-
7
- .color-only {
8
- text-shadow: 0px 0px 1px #cccccc; }
9
-
10
- .color-first-with-params {
11
- text-shadow: 2px 2px 5px #cccccc;
12
- text-shadow: 2px 2px 5px 2px #cccccc; }
13
-
14
- .color-last-with-params {
15
- text-shadow: 2px 2px 5px #cccccc;
16
- text-shadow: 2px 2px 5px 2px #cccccc; }
17
-
18
- .default-text-shadow {
19
- text-shadow: 0px 0px 1px #aaaaaa; }
20
-
21
- .multiple-text-shadows-with-default {
22
- text-shadow: 0px 0px 1px #aaaaaa, 2px 2px 5px #222222; }
23
-
24
- .multiple-text-shadows {
25
- text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222; }
26
-
27
- .multiple-text-shadows-with-spread {
28
- text-shadow: 4px 4px 10px #444444, 2px 2px 5px #222222;
29
- text-shadow: 4px 4px 10px 1px #444444, 2px 2px 5px 3px #222222; }
@@ -1,369 +0,0 @@
1
- .apply-origin-2d {
2
- -moz-transform-origin: 2px 5%;
3
- -ms-transform-origin: 2px 5%;
4
- -o-transform-origin: 2px 5%;
5
- -webkit-transform-origin: 2px 5%;
6
- transform-origin: 2px 5%; }
7
-
8
- .apply-origin-3d {
9
- -moz-transform-origin: 2px 5% 2in;
10
- -webkit-transform-origin: 2px 5% 2in;
11
- transform-origin: 2px 5% 2in; }
12
-
13
- .transform-origin-2d {
14
- -moz-transform-origin: 100px 100px;
15
- -ms-transform-origin: 100px 100px;
16
- -o-transform-origin: 100px 100px;
17
- -webkit-transform-origin: 100px 100px;
18
- transform-origin: 100px 100px; }
19
-
20
- .transform-origin-3d {
21
- -moz-transform-origin: 100px 100px 100px;
22
- -webkit-transform-origin: 100px 100px 100px;
23
- transform-origin: 100px 100px 100px; }
24
-
25
- .transform-2d {
26
- -moz-transform: rotateY(20deg);
27
- -ms-transform: rotateY(20deg);
28
- -o-transform: rotateY(20deg);
29
- -webkit-transform: rotateY(20deg);
30
- transform: rotateY(20deg); }
31
-
32
- .transform-3d {
33
- -moz-transform: rotateZ(20deg);
34
- -webkit-transform: rotateZ(20deg);
35
- transform: rotateZ(20deg); }
36
-
37
- .perspective {
38
- -moz-perspective: 500;
39
- -webkit-perspective: 500;
40
- perspective: 500; }
41
-
42
- .perspective-origin {
43
- -moz-perspective-origin: 25% 25%;
44
- -webkit-perspective-origin: 25% 25%;
45
- perspective-origin: 25% 25%; }
46
-
47
- .transform-style {
48
- -moz-transform-style: preserve-3d;
49
- -webkit-transform-style: preserve-3d;
50
- transform-style: preserve-3d; }
51
-
52
- .backface-visibility {
53
- -moz-backface-visibility: hidden;
54
- -webkit-backface-visibility: hidden;
55
- backface-visibility: hidden; }
56
-
57
- .scale {
58
- -moz-transform: scale(30px, 50px);
59
- -ms-transform: scale(30px, 50px);
60
- -o-transform: scale(30px, 50px);
61
- -webkit-transform: scale(30px, 50px);
62
- transform: scale(30px, 50px); }
63
-
64
- .scale-3d {
65
- -moz-transform: scale(30px, 50px);
66
- -webkit-transform: scale(30px, 50px);
67
- transform: scale(30px, 50px); }
68
-
69
- .scale-with-perspective {
70
- -moz-transform: perspective(500) scale(30px, 50px);
71
- -ms-transform: perspective(500) scale(30px, 50px);
72
- -o-transform: perspective(500) scale(30px, 50px);
73
- -webkit-transform: perspective(500) scale(30px, 50px);
74
- transform: perspective(500) scale(30px, 50px); }
75
-
76
- .scale-3d-with-perspective {
77
- -moz-transform: perspective(500) scale(30px, 50px);
78
- -webkit-transform: perspective(500) scale(30px, 50px);
79
- transform: perspective(500) scale(30px, 50px); }
80
-
81
- .scale-x {
82
- -moz-transform: scaleX(30px);
83
- -ms-transform: scaleX(30px);
84
- -o-transform: scaleX(30px);
85
- -webkit-transform: scaleX(30px);
86
- transform: scaleX(30px); }
87
-
88
- .scale-x-3d {
89
- -moz-transform: scaleX(30px);
90
- -webkit-transform: scaleX(30px);
91
- transform: scaleX(30px); }
92
-
93
- .scale-x-with-perspective {
94
- -moz-transform: perspective(500) scaleX(30px);
95
- -ms-transform: perspective(500) scaleX(30px);
96
- -o-transform: perspective(500) scaleX(30px);
97
- -webkit-transform: perspective(500) scaleX(30px);
98
- transform: perspective(500) scaleX(30px); }
99
-
100
- .scale-x-3d-with-perspective {
101
- -moz-transform: perspective(500) scaleX(30px);
102
- -webkit-transform: perspective(500) scaleX(30px);
103
- transform: perspective(500) scaleX(30px); }
104
-
105
- .scale-y {
106
- -moz-transform: scaleY(50px);
107
- -ms-transform: scaleY(50px);
108
- -o-transform: scaleY(50px);
109
- -webkit-transform: scaleY(50px);
110
- transform: scaleY(50px); }
111
-
112
- .scale-y-3d {
113
- -moz-transform: scaleY(50px);
114
- -webkit-transform: scaleY(50px);
115
- transform: scaleY(50px); }
116
-
117
- .scale-y-with-perspective {
118
- -moz-transform: perspective(500) scaleY(50px);
119
- -ms-transform: perspective(500) scaleY(50px);
120
- -o-transform: perspective(500) scaleY(50px);
121
- -webkit-transform: perspective(500) scaleY(50px);
122
- transform: perspective(500) scaleY(50px); }
123
-
124
- .scale-y-3d-with-perspective {
125
- -moz-transform: perspective(500) scaleY(50px);
126
- -webkit-transform: perspective(500) scaleY(50px);
127
- transform: perspective(500) scaleY(50px); }
128
-
129
- .scale-z {
130
- -moz-transform: scaleZ(50px);
131
- -webkit-transform: scaleZ(50px);
132
- transform: scaleZ(50px); }
133
-
134
- .scale-z-with-perspective {
135
- -moz-transform: perspective(500) scaleZ(50px);
136
- -webkit-transform: perspective(500) scaleZ(50px);
137
- transform: perspective(500) scaleZ(50px); }
138
-
139
- .scale3d {
140
- -moz-transform: scale3d(30px, 50px, 100px);
141
- -webkit-transform: scale3d(30px, 50px, 100px);
142
- transform: scale3d(30px, 50px, 100px); }
143
-
144
- .scaled3-with-perspective {
145
- -moz-transform: perspective(500) scale3d(30px, 50px, 100px);
146
- -webkit-transform: perspective(500) scale3d(30px, 50px, 100px);
147
- transform: perspective(500) scale3d(30px, 50px, 100px); }
148
-
149
- .rotate {
150
- -moz-transform: perspective(500) rotate(25deg);
151
- -ms-transform: perspective(500) rotate(25deg);
152
- -o-transform: perspective(500) rotate(25deg);
153
- -webkit-transform: perspective(500) rotate(25deg);
154
- transform: perspective(500) rotate(25deg); }
155
-
156
- .rotate-with-perspective {
157
- -moz-transform: perspective(500) rotate(25deg);
158
- -ms-transform: perspective(500) rotate(25deg);
159
- -o-transform: perspective(500) rotate(25deg);
160
- -webkit-transform: perspective(500) rotate(25deg);
161
- transform: perspective(500) rotate(25deg); }
162
-
163
- .rotate-z {
164
- -moz-transform: rotate(25deg);
165
- -ms-transform: rotate(25deg);
166
- -o-transform: rotate(25deg);
167
- -webkit-transform: rotate(25deg);
168
- transform: rotate(25deg); }
169
-
170
- .rotate-z-with-perspective {
171
- -moz-transform: perspective(500) rotate(25deg);
172
- -ms-transform: perspective(500) rotate(25deg);
173
- -o-transform: perspective(500) rotate(25deg);
174
- -webkit-transform: perspective(500) rotate(25deg);
175
- transform: perspective(500) rotate(25deg); }
176
-
177
- .rotate-x {
178
- -moz-transform: rotateX(25deg);
179
- -webkit-transform: rotateX(25deg);
180
- transform: rotateX(25deg); }
181
-
182
- .rotate-x-with-perspective {
183
- -moz-transform: perspective(500) rotateX(25deg);
184
- -webkit-transform: perspective(500) rotateX(25deg);
185
- transform: perspective(500) rotateX(25deg); }
186
-
187
- .rotate-y {
188
- -moz-transform: rotateY(25deg);
189
- -webkit-transform: rotateY(25deg);
190
- transform: rotateY(25deg); }
191
-
192
- .rotate-y-with-perspective {
193
- -moz-transform: perspective(500) rotateY(25deg);
194
- -webkit-transform: perspective(500) rotateY(25deg);
195
- transform: perspective(500) rotateY(25deg); }
196
-
197
- .rotate-3d {
198
- -moz-transform: rotate3d(5, 2, 1, 75deg);
199
- -webkit-transform: rotate3d(5, 2, 1, 75deg);
200
- transform: rotate3d(5, 2, 1, 75deg); }
201
-
202
- .rotate-3d-with-perspective {
203
- -moz-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
204
- -webkit-transform: perspective(500) rotate3d(5, 2, 1, 75deg);
205
- transform: perspective(500) rotate3d(5, 2, 1, 75deg); }
206
-
207
- .translate {
208
- -moz-transform: translate(20px, 30%);
209
- -ms-transform: translate(20px, 30%);
210
- -o-transform: translate(20px, 30%);
211
- -webkit-transform: translate(20px, 30%);
212
- transform: translate(20px, 30%); }
213
-
214
- .translate-with-perspective {
215
- -moz-transform: perspective(500) translate(20px, 30%);
216
- -ms-transform: perspective(500) translate(20px, 30%);
217
- -o-transform: perspective(500) translate(20px, 30%);
218
- -webkit-transform: perspective(500) translate(20px, 30%);
219
- transform: perspective(500) translate(20px, 30%); }
220
-
221
- .translate-3d {
222
- -moz-transform: translate(20px, 30%);
223
- -webkit-transform: translate(20px, 30%);
224
- transform: translate(20px, 30%); }
225
-
226
- .translate-3d-with-perspective {
227
- -moz-transform: perspective(500) translate(20px, 30%);
228
- -webkit-transform: perspective(500) translate(20px, 30%);
229
- transform: perspective(500) translate(20px, 30%); }
230
-
231
- .translate-x {
232
- -moz-transform: translateX(30px);
233
- -ms-transform: translateX(30px);
234
- -o-transform: translateX(30px);
235
- -webkit-transform: translateX(30px);
236
- transform: translateX(30px); }
237
-
238
- .translate-x-3d {
239
- -moz-transform: translateX(30px);
240
- -webkit-transform: translateX(30px);
241
- transform: translateX(30px); }
242
-
243
- .translate-x-with-perspective {
244
- -moz-transform: perspective(500) translateX(30px);
245
- -ms-transform: perspective(500) translateX(30px);
246
- -o-transform: perspective(500) translateX(30px);
247
- -webkit-transform: perspective(500) translateX(30px);
248
- transform: perspective(500) translateX(30px); }
249
-
250
- .translate-x-3d-with-perspective {
251
- -moz-transform: perspective(500) translateX(30px);
252
- -webkit-transform: perspective(500) translateX(30px);
253
- transform: perspective(500) translateX(30px); }
254
-
255
- .translate-y {
256
- -moz-transform: translateY(30px);
257
- -ms-transform: translateY(30px);
258
- -o-transform: translateY(30px);
259
- -webkit-transform: translateY(30px);
260
- transform: translateY(30px); }
261
-
262
- .translate-y-3d {
263
- -moz-transform: translateY(30px);
264
- -webkit-transform: translateY(30px);
265
- transform: translateY(30px); }
266
-
267
- .translate-y-with-perspective {
268
- -moz-transform: perspective(500) translateY(30px);
269
- -ms-transform: perspective(500) translateY(30px);
270
- -o-transform: perspective(500) translateY(30px);
271
- -webkit-transform: perspective(500) translateY(30px);
272
- transform: perspective(500) translateY(30px); }
273
-
274
- .translate-y-3d-with-perspective {
275
- -moz-transform: perspective(500) translateY(30px);
276
- -webkit-transform: perspective(500) translateY(30px);
277
- transform: perspective(500) translateY(30px); }
278
-
279
- .translate-z {
280
- -moz-transform: translateZ(30px);
281
- -webkit-transform: translateZ(30px);
282
- transform: translateZ(30px); }
283
-
284
- .translate-z-with-perspective {
285
- -moz-transform: perspective(500) translateZ(30px);
286
- -webkit-transform: perspective(500) translateZ(30px);
287
- transform: perspective(500) translateZ(30px); }
288
-
289
- .translate-3d {
290
- -moz-transform: translate3d(30px, 50px, 75px);
291
- -webkit-transform: translate3d(30px, 50px, 75px);
292
- transform: translate3d(30px, 50px, 75px); }
293
-
294
- .translate-3d-with-perspective {
295
- -moz-transform: perspective(500) translate3d(30px, 50px, 75px);
296
- -webkit-transform: perspective(500) translate3d(30px, 50px, 75px);
297
- transform: perspective(500) translate3d(30px, 50px, 75px); }
298
-
299
- .skew {
300
- -moz-transform: skew(20deg, 50deg);
301
- -ms-transform: skew(20deg, 50deg);
302
- -o-transform: skew(20deg, 50deg);
303
- -webkit-transform: skew(20deg, 50deg);
304
- transform: skew(20deg, 50deg); }
305
-
306
- .skew-3d {
307
- -moz-transform: skew(20deg, 50deg);
308
- -webkit-transform: skew(20deg, 50deg);
309
- transform: skew(20deg, 50deg); }
310
-
311
- .skew-x {
312
- -moz-transform: skewX(20deg);
313
- -ms-transform: skewX(20deg);
314
- -o-transform: skewX(20deg);
315
- -webkit-transform: skewX(20deg);
316
- transform: skewX(20deg); }
317
-
318
- .skew-x-3d {
319
- -moz-transform: skewX(20deg);
320
- -webkit-transform: skewX(20deg);
321
- transform: skewX(20deg); }
322
-
323
- .skew-y {
324
- -moz-transform: skewY(20deg);
325
- -ms-transform: skewY(20deg);
326
- -o-transform: skewY(20deg);
327
- -webkit-transform: skewY(20deg);
328
- transform: skewY(20deg); }
329
-
330
- .skew-y-3d {
331
- -moz-transform: skewY(20deg);
332
- -webkit-transform: skewY(20deg);
333
- transform: skewY(20deg); }
334
-
335
- .create-transform-2d {
336
- -moz-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
337
- -ms-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
338
- -o-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
339
- -webkit-transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
340
- transform: perspective(500) scale(20px, 20px) rotateX(25deg) rotateY(25deg) rotate3d(false 50px) translateX(50px) translateZ(50deg) skew(50deg, 50%);
341
- -moz-transform-origin: 50%;
342
- -ms-transform-origin: 50%;
343
- -o-transform-origin: 50%;
344
- -webkit-transform-origin: 50%;
345
- transform-origin: 50%; }
346
-
347
- .create-transform-3d {
348
- -moz-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
349
- -ms-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
350
- -o-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
351
- -webkit-transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
352
- transform: perspective(500) scale3d(20px, 20px, 20px) rotateX(25deg) rotateY(25deg) rotateZ(25deg) rotate3d(false 50px) translate3d(50px, 50px, 50deg) skew(50deg, 50%);
353
- -moz-transform-origin: 50% 50%;
354
- -ms-transform-origin: 50% 50%;
355
- -o-transform-origin: 50% 50%;
356
- -webkit-transform-origin: 50% 50%;
357
- transform-origin: 50% 50%; }
358
-
359
- .simple-transform {
360
- -moz-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
361
- -ms-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
362
- -o-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
363
- -webkit-transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
364
- transform: scale(25px, 25px) rotateZ(25deg) translate(10px, 10px) skew(30deg, 30deg);
365
- -moz-transform-origin: 10% 10%;
366
- -ms-transform-origin: 10% 10%;
367
- -o-transform-origin: 10% 10%;
368
- -webkit-transform-origin: 10% 10%;
369
- transform-origin: 10% 10%; }