diff --git a/lib/sass/modals.scss b/lib/sass/modals.scss
index 7632d75..6124075 100644
--- a/lib/sass/modals.scss
+++ b/lib/sass/modals.scss
@@ -15,7 +15,7 @@
           transform: translate3d(0, 100%, 0);
   -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
           transition:         transform .25s, opacity 1ms .25s;
-  -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
+  -webkit-transition-timing-function: $timing-fuction;
 
   // Active modal
   &.active {
@@ -23,7 +23,7 @@
     height: 100%;
     -webkit-transition: -webkit-transform .25s;
             transition:         transform .25s;
-    -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
+    -webkit-transition-timing-function: $timing-fuction;
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
   }
diff --git a/lib/sass/push.scss b/lib/sass/push.scss
index fcd593a..5d8199f 100644
--- a/lib/sass/push.scss
+++ b/lib/sass/push.scss
@@ -23,7 +23,7 @@
             transition:         transform .5s;
     -webkit-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0);
-    -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
+    -webkit-transition-timing-function: $timing-fuction;
 
     // Adding the overlay
     &.sliding-in,
diff --git a/lib/sass/variables.scss b/lib/sass/variables.scss
index ec11731..ef2a96d 100644
--- a/lib/sass/variables.scss
+++ b/lib/sass/variables.scss
@@ -34,4 +34,9 @@ $bar-side-spacing: 10px;
 // Buttons
 // --------------------------------------------------
 $button-directional-padding: 20px;
-$button-directional-margin: -($bar-side-spacing/2);
\ No newline at end of file
+$button-directional-margin: -($bar-side-spacing/2);
+
+
+// Transitions
+// --------------------------------------------------
+$timing-fuction: cubic-bezier(.1, .5, .1, 1); // Inspired by @c2prods
\ No newline at end of file