Skip to content

Commit

Permalink
Adding a single transform transition stylesheet test.
Browse files Browse the repository at this point in the history
  • Loading branch information
doctyper committed Feb 26, 2012
1 parent c1ce093 commit 94bef38
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 0 deletions.
7 changes: 7 additions & 0 deletions test/fixtures/stylesheets/compass/css/transition.css
Expand Up @@ -42,6 +42,13 @@
-o-transition: -o-transform 0.6s ease-out 0.2s; -o-transition: -o-transform 0.6s ease-out 0.2s;
transition: transform 0.6s ease-out 0.2s; } transition: transform 0.6s ease-out 0.2s; }


.transform-transition {
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-ms-transition: -ms-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
transition: transform 0.6s ease-out; }

.multiple-transitions { .multiple-transitions {
-webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in; -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.2s ease-in;
-moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in; -moz-transition: -moz-transform 0.6s ease-out, opacity 0.2s ease-in;
Expand Down
1 change: 1 addition & 0 deletions test/fixtures/stylesheets/compass/sass/transition.scss
Expand Up @@ -6,6 +6,7 @@
.transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); } .transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); }
.single-transform-transition-without-delay { @include single-transition(transform, 0.6s, ease-out); } .single-transform-transition-without-delay { @include single-transition(transform, 0.6s, ease-out); }
.single-transform-transition-with-delay { @include single-transition(transform, 0.6s, ease-out, 0.2s); } .single-transform-transition-with-delay { @include single-transition(transform, 0.6s, ease-out, 0.2s); }
.transform-transition { @include transition(transform 0.6s ease-out) }
.multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) } .multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) }
.transition-property { @include transition-property(transform); } .transition-property { @include transition-property(transform); }
.multiple-transition-properties { @include transition-property((opacity, transform, left)); } .multiple-transition-properties { @include transition-property((opacity, transform, left)); }

0 comments on commit 94bef38

Please sign in to comment.