Permalink
Browse files

Playing with the test code

  • Loading branch information...
1 parent f18b307 commit 2031915e10a51cc82be95c23e8de9bcd9eb7e65a @adamstac committed Nov 26, 2011
Showing with 28 additions and 2 deletions.
  1. +16 −0 test/public/stylesheets/stylesheet.css
  2. +9 −2 test/sass/stylesheet.scss
  3. +3 −0 test/views/index.haml
@@ -2045,4 +2045,20 @@
-ms-animation: fadeIn 5s 0.5s ease both;
-khtml-animation: fadeIn 5s 0.5s ease both;
animation: fadeIn 5s 0.5s ease both;
+ margin: 0 auto;
+ width: 400px;
+}
+
+.bar {
+ -webkit-animation-name: bounceIn, fadeIn;
+ -moz-animation-name: bounceIn, fadeIn;
+ animation-name: bounceIn, fadeIn;
+ -webkit-animation-duration: 2s, 0.5s;
+ -moz-animation-duration: 2s, 0.5s;
+ animation-duration: 2s, 0.5s;
+ -webkit-animation-timing-function: ease;
+ -moz-animation-timing-function: ease;
+ animation-timing-function: ease;
+ margin: 0 auto;
+ width: 400px;
}
View
@@ -4,9 +4,16 @@
// CSS Reset
// @import "compass/reset";
-@import "../../stylesheets/animate";
+@import "../../stylesheets/animate-sass";
.foo {
@include animate(fadeIn, 5s, 0.5s);
- // @include animation-basic((slideUp, fadeIn), (1.0s, 2.0s), ease-in);
+ margin: 0 auto;
+ width: 400px;
+}
+
+.bar {
+ @include animation-basic((bounceIn, fadeIn), (2.0s, 0.5s));
+ margin: 0 auto;
+ width: 400px;
}
View
@@ -1,4 +1,7 @@
- @title = "Compass Extension"
.foo
+ %p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+.bar
%p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

0 comments on commit 2031915

Please sign in to comment.