diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 175d3ae26f..bcf75f04b5 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -354,6 +354,11 @@
     -moz-animation-duration: $duration;
          animation-duration: $duration;
 }
+@mixin animation-direction($direction) {
+ -webkit-animation-direction: $direction;
+    -moz-animation-direction: $direction;
+         animation-direction: $direction;
+}
 @mixin animation-timing-function($animation-timing) {
  -webkit-animation-timing-function: $animation-timing;
     -moz-animation-timing-function: $animation-timing;