aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-10-26 05:49:58 -0700
committerMark Otto <[email protected]>2013-10-26 05:49:58 -0700
commit64ffed87a4809388eeab891cb7c43284393e12e2 (patch)
tree0857d0245c5ab6327500fd576c5565b7af21178b /less
parent4fac7b6d25953eeedf54eba98d3861afc8ed25de (diff)
parentaff291e1ca998591b6615f6bde3e10e1dae2403b (diff)
downloadbootstrap-64ffed87a4809388eeab891cb7c43284393e12e2.tar.xz
bootstrap-64ffed87a4809388eeab891cb7c43284393e12e2.zip
Merge pull request #11244 from ZDroid/animation
Add .animation() mixin
Diffstat (limited to 'less')
-rw-r--r--less/mixins.less7
-rw-r--r--less/progress-bars.less6
2 files changed, 7 insertions, 6 deletions
diff --git a/less/mixins.less b/less/mixins.less
index 4e842ed87..f06d6a89b 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -193,12 +193,17 @@
-moz-perspective-origin: @perspective;
perspective-origin: @perspective;
}
-.transform-origin(@origin){
+.transform-origin(@origin) {
-webkit-transform-origin: @origin;
-moz-transform-origin: @origin;
transform-origin: @origin;
}
+// Animations
+.animation(@animation) {
+ -webkit-animation: @animation;
+ animation: @animation;
+}
// Backface visibility
// Prevent browsers from flickering when using CSS 3D transforms.
diff --git a/less/progress-bars.less b/less/progress-bars.less
index d0bb19e02..507c82dbd 100644
--- a/less/progress-bars.less
+++ b/less/progress-bars.less
@@ -67,11 +67,7 @@
// Call animation for the active one
.progress.active .progress-bar {
- -webkit-animation: progress-bar-stripes 2s linear infinite;
- -moz-animation: progress-bar-stripes 2s linear infinite;
- -ms-animation: progress-bar-stripes 2s linear infinite;
- -o-animation: progress-bar-stripes 2s linear infinite;
- animation: progress-bar-stripes 2s linear infinite;
+ .animation(progress-bar-stripes 2s linear infinite);
}