diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 96c3060bd0..26ee8ae1ce 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -5593,7 +5593,8 @@ a.button {
   transform: translate3d(-30%, 0, 0);
   opacity: 0; }
 
-.reverse .nav-title-slide-ios7 > .ng-enter, .reverse .nav-title-slide-ios7.ng-enter, .reverse .nav-title-slide-ios7 > .ng-leave, .reverse .nav-title-slide-ios7.ng-leave {
+.reverse .nav-title-slide-ios7 > .ng-enter, .reverse .nav-title-slide-ios7.ng-enter,
+.reverse .nav-title-slide-ios7 > .ng-leave, .reverse .nav-title-slide-ios7.ng-leave {
   -webkit-transition: all 350ms;
   -moz-transition: all 350ms;
   transition: all 350ms;
diff --git a/scss/_animations.scss b/scss/_animations.scss
index 386415a172..16c6a66f1f 100644
--- a/scss/_animations.scss
+++ b/scss/_animations.scss
@@ -325,11 +325,11 @@ $transition-time: 250ms;
 /**
  * Some component specific animations
  */
-
+$nav-title-slide-ios7-delay: 350ms;
 .nav-title-slide-ios7 {
   > .ng-enter, &.ng-enter, 
   > .ng-leave, &.ng-leave {
-    @include transition(all 350ms);
+    @include transition(all $nav-title-slide-ios7-delay);
     @include transition-timing-function($ios7-timing-function);
     opacity: 1;
   }
@@ -349,8 +349,9 @@ $transition-time: 250ms;
 }
 .reverse {
   .nav-title-slide-ios7 {
-    > .ng-enter, &.ng-enter, > .ng-leave, &.ng-leave {
-      @include transition(all 350ms);
+    > .ng-enter, &.ng-enter, 
+    > .ng-leave, &.ng-leave {
+      @include transition(all $nav-title-slide-ios7-delay);
       @include transition-timing-function($ios7-timing-function);
       opacity: 1;
     }