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.
- checksums.yaml +4 -4
- data/VERSION.yml +1 -1
- data/frameworks/compass/stylesheets/compass/_support.scss +136 -62
- data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +1 -1
- data/frameworks/compass/stylesheets/compass/css3/_flexbox.scss +11 -2
- data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +2 -2
- data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +1 -1
- data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss +1 -1
- data/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss +2 -2
- data/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss +1 -1
- data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +6 -6
- data/lib/compass/browser_support.rb +2 -2
- data/lib/compass/caniuse.rb +55 -19
- data/lib/compass/sass_extensions/functions/cross_browser_support.rb +34 -10
- data/test/fixtures/stylesheets/compass/css/animation-with-legacy-ie.css +0 -3
- data/test/fixtures/stylesheets/compass/css/animation.css +0 -3
- data/test/fixtures/stylesheets/compass/css/filters.css +30 -6
- data/test/fixtures/stylesheets/compass/css/gradients.css +7 -2
- data/test/fixtures/stylesheets/compass/css/support.css +23 -16
- data/test/fixtures/stylesheets/compass/sass/support.scss +45 -8
- data/test/fixtures/stylesheets/envtest/tmp/env.css +3 -3
- data/test/units/caniuse_test.rb +29 -10
- metadata +3 -91
- data/test/fixtures/stylesheets/compass/tmp/animation-with-legacy-ie.css +0 -22
- data/test/fixtures/stylesheets/compass/tmp/animation.css +0 -22
- data/test/fixtures/stylesheets/compass/tmp/appearance.css +0 -3
- data/test/fixtures/stylesheets/compass/tmp/background-clip.css +0 -11
- data/test/fixtures/stylesheets/compass/tmp/background-origin.css +0 -11
- data/test/fixtures/stylesheets/compass/tmp/background-size.css +0 -17
- data/test/fixtures/stylesheets/compass/tmp/border_radius.css +0 -14
- data/test/fixtures/stylesheets/compass/tmp/box-sizing.css +0 -9
- data/test/fixtures/stylesheets/compass/tmp/box.css +0 -103
- data/test/fixtures/stylesheets/compass/tmp/box_shadow.css +0 -24
- data/test/fixtures/stylesheets/compass/tmp/brightness.css +0 -14
- data/test/fixtures/stylesheets/compass/tmp/browser-support.css +0 -306
- data/test/fixtures/stylesheets/compass/tmp/color.css +0 -18
- data/test/fixtures/stylesheets/compass/tmp/columns.css +0 -134
- data/test/fixtures/stylesheets/compass/tmp/filters.css +0 -29
- data/test/fixtures/stylesheets/compass/tmp/flexbox.css +0 -94
- data/test/fixtures/stylesheets/compass/tmp/fonts.css +0 -4
- data/test/fixtures/stylesheets/compass/tmp/force-wrap.css +0 -9
- data/test/fixtures/stylesheets/compass/tmp/gradients.css +0 -230
- data/test/fixtures/stylesheets/compass/tmp/grid_background.css +0 -64
- data/test/fixtures/stylesheets/compass/tmp/hyphenation.css +0 -16
- data/test/fixtures/stylesheets/compass/tmp/image_size.css +0 -15
- data/test/fixtures/stylesheets/compass/tmp/images.css +0 -8
- data/test/fixtures/stylesheets/compass/tmp/layout.css +0 -16
- data/test/fixtures/stylesheets/compass/tmp/legacy_clearfix.css +0 -26
- data/test/fixtures/stylesheets/compass/tmp/lists.css +0 -145
- data/test/fixtures/stylesheets/compass/tmp/opacity.css +0 -3
- data/test/fixtures/stylesheets/compass/tmp/print.css +0 -11
- data/test/fixtures/stylesheets/compass/tmp/regions.css +0 -9
- data/test/fixtures/stylesheets/compass/tmp/replacement.css +0 -59
- data/test/fixtures/stylesheets/compass/tmp/reset.css +0 -59
- data/test/fixtures/stylesheets/compass/tmp/selection.css +0 -50
- data/test/fixtures/stylesheets/compass/tmp/sprites.css +0 -1263
- data/test/fixtures/stylesheets/compass/tmp/sprites_with_explicit_separator.css +0 -16
- data/test/fixtures/stylesheets/compass/tmp/stretching.css +0 -66
- data/test/fixtures/stylesheets/compass/tmp/support.css +0 -59
- data/test/fixtures/stylesheets/compass/tmp/text_shadow.css +0 -29
- data/test/fixtures/stylesheets/compass/tmp/transform.css +0 -369
- data/test/fixtures/stylesheets/compass/tmp/transition.css +0 -116
- data/test/fixtures/stylesheets/compass/tmp/typography/links/hover-link.css +0 -4
- data/test/fixtures/stylesheets/compass/tmp/units.css +0 -30
- data/test/fixtures/stylesheets/compass/tmp/user-interface.css +0 -52
- data/test/fixtures/stylesheets/compass/tmp/utilities.css +0 -71
- 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%; }
|