Permalink
Browse files

Massive refactor, completed all animations abstraction, new handling …

…for vendor prefixing, test project in place.
  • Loading branch information...
1 parent a6cfb20 commit 48af2c3ae12c2b77fa02672bc008af57572049fd @adamstac committed Nov 28, 2011
Showing with 12,388 additions and 1,789 deletions.
  1. +2 −0 Gemfile
  2. +6 −0 Gemfile.lock
  3. +2 −2 README.mdown
  4. +0 −6 stylesheets/_animate-sass.scss
  5. +8 −0 stylesheets/_animate.sass
  6. +35 −0 stylesheets/_animations.scss
  7. +2 −1 stylesheets/_css3.scss
  8. +0 −687 stylesheets/animate/_animations.scss
  9. +7 −0 stylesheets/animations/_attention-seekers.scss
  10. +5 −0 stylesheets/animations/_bouncing-entrances.scss
  11. +5 −0 stylesheets/animations/_bouncing-exits.scss
  12. +12 −0 stylesheets/animations/_fading-entrances.scss
  13. +12 −0 stylesheets/animations/_fading-exits.scss
  14. +5 −0 stylesheets/animations/_flippers.scss
  15. +5 −0 stylesheets/animations/_rotating-entrances.scss
  16. +5 −0 stylesheets/animations/_rotating-exits.scss
  17. +3 −0 stylesheets/animations/_specials.scss
  18. +30 −0 stylesheets/animations/attention-seekers/_bounce.scss
  19. +28 −0 stylesheets/animations/attention-seekers/_flash.scss
  20. +28 −0 stylesheets/animations/attention-seekers/_pulse.scss
  21. +34 −0 stylesheets/animations/attention-seekers/_shake.scss
  22. +30 −0 stylesheets/animations/attention-seekers/_swing.scss
  23. +34 −0 stylesheets/animations/attention-seekers/_tada.scss
  24. +32 −0 stylesheets/animations/attention-seekers/_wobble.scss
  25. +37 −0 stylesheets/animations/bouncing-entrances/_bounceIn.scss
  26. +37 −0 stylesheets/animations/bouncing-entrances/_bounceInDown.scss
  27. +37 −0 stylesheets/animations/bouncing-entrances/_bounceInLeft.scss
  28. +37 −0 stylesheets/animations/bouncing-entrances/_bounceInRight.scss
  29. +37 −0 stylesheets/animations/bouncing-entrances/_bounceInUp.scss
  30. +37 −0 stylesheets/animations/bouncing-exits/_bounceOut.scss
  31. +34 −0 stylesheets/animations/bouncing-exits/_bounceOutDown.scss
  32. +34 −0 stylesheets/animations/bouncing-exits/_bounceOutLeft.scss
  33. +34 −0 stylesheets/animations/bouncing-exits/_bounceOutRight.scss
  34. +34 −0 stylesheets/animations/bouncing-exits/_bounceOutUp.scss
  35. +25 −0 stylesheets/animations/fading-entrances/_fadeIn.scss
  36. +31 −0 stylesheets/animations/fading-entrances/_fadeInDown.scss
  37. +31 −0 stylesheets/animations/fading-entrances/_fadeInDownBig.scss
  38. +31 −0 stylesheets/animations/fading-entrances/_fadeInLeft.scss
  39. +31 −0 stylesheets/animations/fading-entrances/_fadeInLeftBig.scss
  40. +31 −0 stylesheets/animations/fading-entrances/_fadeInRight.scss
  41. +31 −0 stylesheets/animations/fading-entrances/_fadeInRightBig.scss
  42. +31 −0 stylesheets/animations/fading-entrances/_fadeInUp.scss
  43. +31 −0 stylesheets/animations/fading-entrances/_fadeInUpBig.scss
  44. +25 −0 stylesheets/animations/fading-exits/_fadeOut.scss
  45. +31 −0 stylesheets/animations/fading-exits/_fadeOutDown.scss
  46. +31 −0 stylesheets/animations/fading-exits/_fadeOutDownBig.scss
  47. +31 −0 stylesheets/animations/fading-exits/_fadeOutLeft.scss
  48. +31 −0 stylesheets/animations/fading-exits/_fadeOutLeftBig.scss
  49. +31 −0 stylesheets/animations/fading-exits/_fadeOutRight.scss
  50. +31 −0 stylesheets/animations/fading-exits/_fadeOutRightBig.scss
  51. +31 −0 stylesheets/animations/fading-exits/_fadeOutUp.scss
  52. +31 −0 stylesheets/animations/fading-exits/_fadeOutUpBig.scss
  53. +44 −0 stylesheets/animations/flippers/_flip.scss
  54. +38 −0 stylesheets/animations/flippers/_flipInX.scss
  55. +38 −0 stylesheets/animations/flippers/_flipInY.scss
  56. +32 −0 stylesheets/animations/flippers/_flipOutX.scss
  57. +32 −0 stylesheets/animations/flippers/_flipOutY.scss
  58. +33 −0 stylesheets/animations/rotating-entrances/_rotateIn.scss
  59. +33 −0 stylesheets/animations/rotating-entrances/_rotateInDownLeft.scss
  60. +33 −0 stylesheets/animations/rotating-entrances/_rotateInDownRight.scss
  61. +33 −0 stylesheets/animations/rotating-entrances/_rotateInUpLeft.scss
  62. +33 −0 stylesheets/animations/rotating-entrances/_rotateInUpRight.scss
  63. +33 −0 stylesheets/animations/rotating-exits/_rotateOut.scss
  64. +33 −0 stylesheets/animations/rotating-exits/_rotateOutDownLeft.scss
  65. +33 −0 stylesheets/animations/rotating-exits/_rotateOutDownRight.scss
  66. +33 −0 stylesheets/animations/rotating-exits/_rotateOutUpLeft.scss
  67. +33 −0 stylesheets/animations/rotating-exits/_rotateOutUpRight.scss
  68. +48 −0 stylesheets/animations/specials/_hinge.scss
  69. +33 −0 stylesheets/animations/specials/_rollIn.scss
  70. +33 −0 stylesheets/animations/specials/_rollOut.scss
  71. +17 −118 stylesheets/css3/_animation.scss
  72. +14 −0 stylesheets/css3/_backface-visibility.scss
  73. +10 −46 stylesheets/css3/_transform.scss
  74. +18 −0 stylesheets/css3/animation/_animation-delay.scss
  75. +18 −0 stylesheets/css3/animation/_animation-direction.scss
  76. +17 −0 stylesheets/css3/animation/_animation-duration.scss
  77. +18 −0 stylesheets/css3/animation/_animation-fill-mode.scss
  78. +18 −0 stylesheets/css3/animation/_animation-iteration-count.scss
  79. +18 −0 stylesheets/css3/animation/_animation-name.scss
  80. +18 −0 stylesheets/css3/animation/_animation-play-state.scss
  81. +18 −0 stylesheets/css3/animation/_animation-timing-function.scss
  82. +6 −4 stylesheets/helpers/_mixins.scss
  83. +3 −0 test/config.rb
  84. +4,037 −903 test/public/stylesheets/stylesheet.css
  85. +6,074 −0 test/public/stylesheets/test.css
  86. +64 −17 test/sass/stylesheet.scss
  87. +27 −0 test/sass/test.scss
  88. +129 −4 test/views/index.haml
  89. +2 −1 test/views/layouts/application.haml
View
@@ -11,5 +11,7 @@ group :serve do
gem 'serve', '~> 1.5.1'
gem 'haml', '~> 3.1.3'
gem 'css_parser', '~> 1.2.5'
+ gem 'grid-coordinates'
+ gem 'font-stacks'
gem 'maruku', '~> 0.6.0'
end
View
@@ -11,7 +11,11 @@ GEM
sass (~> 3.1)
css_parser (1.2.5)
addressable
+ font-stacks (0.1.4)
+ compass (>= 0.11.5)
fssm (0.2.7)
+ grid-coordinates (1.2.0)
+ compass (>= 0.11.5)
haml (3.1.3)
heroku (2.7.0)
launchy (>= 0.3.2)
@@ -51,6 +55,8 @@ PLATFORMS
DEPENDENCIES
compass (~> 0.11.5)
css_parser (~> 1.2.5)
+ font-stacks
+ grid-coordinates
haml (~> 3.1.3)
heroku
maruku (~> 0.6.0)
View
@@ -8,15 +8,15 @@ The core of Animate.sass, despite being named "dot sass", is written in [SCSS](h
1. `gem install animate-sass`
2. Add `require 'animate-sass'` in Compass's `config.rb` file
-3. Then `@import animate-sass`
+3. Then `@import animate.sass`
## Usage
The usage is simple, `@import animate-sass` and have fun. Thus far, Animate.sass is for development only and is not intended for production UNLESS you know what you are doing. Feedback and contributions are appreciated.
## Credits and special thanks
-Special thanks to [theCSSguru](https://twitter.com/theCSSguru) for the kickstart on this project. He has [a page out there](http://thecssguru.freeiz.com/animate/) linking to a simple Sass conversion of Animate.css, but I wanted to do more with it for myself as well as the Sass community. Since it wasn't hosted on GitHub, I took the liberty to start Animate.sass and begin carving it out.
+Special thanks to [theCSSguru](https://twitter.com/theCSSguru) for kickstarting a Sass port of Animate.css. He has [a page out there](http://thecssguru.freeiz.com/animate/) linking to a simple Sass conversion of Animate.css, but I wanted to do a lot more with it for the Sass community. Since it wasn't hosted on GitHub, I took the liberty to start Animate.sass and begin carving it out.
## License
@@ -1,6 +0,0 @@
-// The goods.
-@import "helpers";
-@import "css3";
-
-// The animations.
-@import "animate/animations";
@@ -0,0 +1,8 @@
+// This file was intentionally written in Sass.
+
+// The goods.
+@import helpers
+@import css3
+
+// The animations.
+@import animations
@@ -0,0 +1,35 @@
+// Attention seekers
+// flash bounce shake tada swing wobble pulse
+@import "animations/attention-seekers";
+
+// Fading entrances
+// fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig
+@import "animations/fading-entrances";
+
+// Fading exits
+// fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig
+@import "animations/fading-exits";
+
+// Bouncing entrances
+// bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight
+@import "animations/bouncing-entrances";
+
+// Bouncing exits
+// bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight
+@import "animations/bouncing-exits";
+
+// Rotating entrances
+// rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
+@import "animations/rotating-entrances";
+
+// Rotating exits
+// rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
+@import "animations/rotating-exits";
+
+// Specials
+// hinge rollIn rollOut
+@import "animations/specials";
+
+// Flippers
+// flip flipInX flipOutX flipInY flipOutY
+@import "animations/flippers";
View
@@ -1,2 +1,3 @@
@import "css3/animation";
-@import "css3/transform";
+@import "css3/transform";
+@import "css3/backface-visibility";
Oops, something went wrong.

0 comments on commit 48af2c3

Please sign in to comment.