Skip to content

Commit

Permalink
Massive refactor, completed all animations abstraction, new handling …
Browse files Browse the repository at this point in the history
…for vendor prefixing, test project in place.
  • Loading branch information
adamstac committed Nov 28, 2011
1 parent a6cfb20 commit 48af2c3
Show file tree
Hide file tree
Showing 89 changed files with 12,388 additions and 1,789 deletions.
2 changes: 2 additions & 0 deletions Gemfile
Expand Up @@ -11,5 +11,7 @@ group :serve do
gem 'serve', '~> 1.5.1' gem 'serve', '~> 1.5.1'
gem 'haml', '~> 3.1.3' gem 'haml', '~> 3.1.3'
gem 'css_parser', '~> 1.2.5' gem 'css_parser', '~> 1.2.5'
gem 'grid-coordinates'
gem 'font-stacks'
gem 'maruku', '~> 0.6.0' gem 'maruku', '~> 0.6.0'
end end
6 changes: 6 additions & 0 deletions Gemfile.lock
Expand Up @@ -11,7 +11,11 @@ GEM
sass (~> 3.1) sass (~> 3.1)
css_parser (1.2.5) css_parser (1.2.5)
addressable addressable
font-stacks (0.1.4)
compass (>= 0.11.5)
fssm (0.2.7) fssm (0.2.7)
grid-coordinates (1.2.0)
compass (>= 0.11.5)
haml (3.1.3) haml (3.1.3)
heroku (2.7.0) heroku (2.7.0)
launchy (>= 0.3.2) launchy (>= 0.3.2)
Expand Down Expand Up @@ -51,6 +55,8 @@ PLATFORMS
DEPENDENCIES DEPENDENCIES
compass (~> 0.11.5) compass (~> 0.11.5)
css_parser (~> 1.2.5) css_parser (~> 1.2.5)
font-stacks
grid-coordinates
haml (~> 3.1.3) haml (~> 3.1.3)
heroku heroku
maruku (~> 0.6.0) maruku (~> 0.6.0)
Expand Down
4 changes: 2 additions & 2 deletions README.mdown
Expand Up @@ -8,15 +8,15 @@ The core of Animate.sass, despite being named "dot sass", is written in [SCSS](h


1. `gem install animate-sass` 1. `gem install animate-sass`
2. Add `require 'animate-sass'` in Compass's `config.rb` file 2. Add `require 'animate-sass'` in Compass's `config.rb` file
3. Then `@import animate-sass` 3. Then `@import animate.sass`


## Usage ## 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. 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 ## 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 ## License


Expand Down
6 changes: 0 additions & 6 deletions stylesheets/_animate-sass.scss

This file was deleted.

8 changes: 8 additions & 0 deletions stylesheets/_animate.sass
@@ -0,0 +1,8 @@
// This file was intentionally written in Sass.
// The goods.
@import helpers
@import css3

// The animations.
@import animations
35 changes: 35 additions & 0 deletions stylesheets/_animations.scss
@@ -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";
3 changes: 2 additions & 1 deletion stylesheets/_css3.scss
@@ -1,2 +1,3 @@
@import "css3/animation"; @import "css3/animation";
@import "css3/transform"; @import "css3/transform";
@import "css3/backface-visibility";

0 comments on commit 48af2c3

Please sign in to comment.