Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I modified the "import thing" to mixins. #4

Open
wants to merge 36 commits into
base: master
Choose a base branch
from

Conversation

polikin
Copy link

@polikin polikin commented Sep 20, 2013

I have a little problem with the original method for my own usage, so I decided to fixed it a little bit. Original code was made with import. I modified the "import thing" to mixins. Here's how it's work:

@import "animate/_shared";
@import "animate/_animations";

then

@include animations(fading-entrances); - entrances animations family
or
@include animations(fading-entrances/fadeInRight); - specific animation

The output will be the same. (prefix keyframes animations + animations class. Ex: .bounceIn)

If you want to keep the original code:

@import "animate/_shared";
@import "animate/_animations-imports";

Animations family

attention-seekers
bouncing-entrances
bouncing-exits
fading-entrances
fading-exits
flippers
rotating-entrances
rotating-exits
specials

Single animation

attention-seeker

attention-seekers/bounce
attention-seekers/flash
attention-seekers/pulse
attention-seekers/shake
attention-seekers/swing
attention-seekers/tada
attention-seekers/wobble


bouncing-entrances

bouncing-entrances/bounceIn
bouncing-entrances/bounceInDown
bouncing-entrances/bounceInLeft
bouncing-entrances/bounceInRight
bouncing-entrances/bounceInUp


bouncing-exits

bouncing-exits/bounceOut
bouncing-exits/bounceOutDown
bouncing-exits/bounceOutLeft
bouncing-exits/bounceOutRight
bouncing-exits/bounceOutUp


fading-entrances

fading-entrances/fadeIn
fading-entrances/fadeInDown
fading-entrances/fadeInDownBig
fading-entrances/fadeInLeft
fading-entrances/fadeInLeftBig
fading-entrances/fadeInRight
fading-entrances/fadeInRightBig
fading-entrances/fadeInUp
fading-entrances/fadeInUpBig


fading-exits

fading-exits/fadeOut
fading-exits/fadeOutDown
fading-exits/fadeOutDownBig
fading-exits/fadeOutLeft
fading-exits/fadeOutLeftBig
fading-exits/fadeOutRight
fading-exits/fadeOutRightBig
fading-exits/fadeOutUp
fading-exits/fadeOutUpBig


flippers

flippers/flip
flippers/flipInX
flippers/flipInY
flippers/flipOutX
flippers/flipOutY


rotating-entrances

rotating-entrances/rotateIn
rotating-entrances/rotateInDownLeft
rotating-entrances/rotateInDownRight
rotating-entrances/rotateInUpLeft
rotating-entrances/rotateInUpRight


rotating-exits

rotating-exits/rotateOut
rotating-exits/rotateOutDownLeft
rotating-exits/rotateOutDownRight
rotating-exits/rotateOutUpLeft
rotating-exits/rotateOutUpRight


specials

specials/hinge
specials/rollIn
specials/rollOut


@mixin transform & @mixin transform-origin
to @mixin animate-transform & @mixin animate-transform-origin
changed @mixin animation for @mixin animate-animation
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants