Skip to content

Commit

Permalink
Fix base effect
Browse files Browse the repository at this point in the history
  • Loading branch information
asika32764 committed Oct 10, 2016
1 parent 05add3b commit b1748b1
Show file tree
Hide file tree
Showing 5 changed files with 48 additions and 6 deletions.
37 changes: 36 additions & 1 deletion dist/vue2-animate.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@charset "UTF-8";
/*!
* vue2-animate v1.0.3
* vue2-animate v1.0.4
* (c) 2016 Simon Asika
* Released under the MIT License.
* Documentation: https://github.com/asika32764/vue2-animate
Expand Down Expand Up @@ -203,6 +203,13 @@
}
}
.bounce-enter-active,
.bounceIn,
.bounce-leave-active,
.bounceOut {
animation-duration: 1s;
animation-fill-mode: both;
}
.bounce-enter-active,
.bounceIn {
animation-name: bounceIn;
}
Expand Down Expand Up @@ -439,6 +446,13 @@
}
}
.fade-enter-active,
.fadeIn,
.fade-leave-active,
.fadeOut {
animation-duration: 1s;
animation-fill-mode: both;
}
.fade-enter-active,
.fadeIn {
animation-name: fadeIn;
}
Expand Down Expand Up @@ -682,6 +696,13 @@
}
}
.rotate-enter-active,
.rotateIn,
.rotate-leave-active,
.rotateOut {
animation-duration: 1s;
animation-fill-mode: both;
}
.rotate-enter-active,
.rotateIn {
animation-name: rotateIn;
}
Expand Down Expand Up @@ -822,6 +843,13 @@
}
}
.slide-enter-active,
.slideIn,
.slide-leave-active,
.slideOut {
animation-duration: 1s;
animation-fill-mode: both;
}
.slide-enter-active,
.slideIn {
animation-name: slideIn;
}
Expand Down Expand Up @@ -1007,6 +1035,13 @@
}
}
.zoom-enter-active,
.zoomIn,
.zoom-leave-active,
.zoomOut {
animation-duration: 1s;
animation-fill-mode: both;
}
.zoom-enter-active,
.zoomIn {
animation-name: zoomIn;
}
Expand Down
4 changes: 2 additions & 2 deletions dist/vue2-animate.min.css

Large diffs are not rendered by default.

5 changes: 3 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "vue2-animate",
"version": "1.0.3",
"version": "1.0.4",
"description": "LESS cross-browser animation library, for use with Vue.js 2.0. Ported from Animate.css.",
"author": {
"name": "Simon Asika",
Expand Down Expand Up @@ -36,7 +36,8 @@
"less-plugin-clean-css": "^1.5.0"
},
"scripts": {
"build": "lessc src/vue2-animate.less > dist/vue2-animate.css",
"build": "lessc src/vue2-animate.less > dist/vue2-animate.css && lessc --clean-css='--compatibility=ie8 --advanced' src/vue2-animate.less > dist/vue2-animate.min.css",
"less": "lessc src/vue2-animate.less > dist/vue2-animate.css",
"minify": "lessc --clean-css='--compatibility=ie8 --advanced' src/vue2-animate.less > dist/vue2-animate.min.css"
}
}
6 changes: 6 additions & 0 deletions src/make-transitions.less
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,12 @@
// animation-fill-mode: both;
//}

.@{base}-enter-active, .@{base}In,
.@{base}-leave-active, .@{base}Out {
animation-duration: @animationDuration;
animation-fill-mode: both;
}

// Entrance/Exit for the base class
.@{base}-enter-active, .@{base}In {
animation-name: ~'@{base}In';
Expand Down
2 changes: 1 addition & 1 deletion src/vue2-animate.less
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@charset "UTF-8";

/*!
* vue2-animate v1.0.3
* vue2-animate v1.0.4
* (c) 2016 Simon Asika
* Released under the MIT License.
* Documentation: https://github.com/asika32764/vue2-animate
Expand Down

0 comments on commit b1748b1

Please sign in to comment.