From aff291e1ca998591b6615f6bde3e10e1dae2403b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Zlatan=20Vasovi=C4=87?= Date: Sat, 26 Oct 2013 14:11:59 +0200 Subject: Add .animation() mixin --- less/mixins.less | 7 ++++++- less/progress-bars.less | 6 +----- 2 files changed, 7 insertions(+), 6 deletions(-) (limited to 'less') 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); } -- cgit v1.2.3