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
polikin
wants to merge
36
commits into
adamstac:master
Choose a base branch
from
polikin:master
base: master
Could not load branches
Branch not found: {{ refName }}
Could not load tags
Nothing to show
Are you sure you want to change the base?
Some commits from the old base branch may be removed from the timeline,
and old review comments may become outdated.
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
keep the original code into animations-imports
add animations type
Fix flipInX and flipInY
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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 familyor
@include animations(fading-entrances/fadeInRight);
- specific animationThe 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