Remove width CSS transition which was messing with the progress bar animation, noticeable especially on faster websites

Author: adamschwartz

templates/pace-theme-barber-shop.tmpl.css

@@ -18,11 +18,6 @@
   left: 0;
   height: 12px;
   overflow: hidden;
-
-  -webkit-transition: width 1s;
-  -moz-transition: width 1s;
-  -o-transition: width 1s;
-  transition: width 1s;
 }
 
 .pace .pace-progress-inner {

templates/pace-theme-center-simple.tmpl.css

@@ -25,12 +25,6 @@
   -o-box-sizing: border-box;
   box-sizing: border-box;
 
-  -webkit-transition: width 1s ease-in-out 1s linear;
-  -moz-transition: width 1s ease-in-out 1s linear;
-  -ms-transition: width 1s ease-in-out 1s linear;
-  -o-transition: width 1s ease-in-out 1s linear;
-  transition: width 1s ease-in-out 1s linear;
-
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);

templates/pace-theme-fill-left.tmpl.css

@@ -13,9 +13,4 @@
   top: 0;
   left: 0;
   bottom: 0;
-
-  -webkit-transition: width 1s;
-  -moz-transition: width 1s;
-  -o-transition: width 1s;
-  transition: width 1s;
 }

templates/pace-theme-flash.tmpl.css

@@ -17,11 +17,6 @@
   top: 0;
   left: 0;
   height: 2px;
-
-  -webkit-transition: width 1s;
-  -moz-transition: width 1s;
-  -o-transition: width 1s;
-  transition: width 1s;
 }
 
 .pace .pace-progress-inner {

templates/pace-theme-flat-top.tmpl.css

@@ -15,10 +15,6 @@
   height: 12px;
   background: `args.color || "#29d"`;
 
-  -webkit-transition: -webkit-transform .3s, width 1s;
-  -moz-transition: width 1s;
-  -o-transform: width 1s;
-  transition: transform .3s, width 1s;
 
   -webkit-transform: translateY(-50px);
   transform: translateY(-50px);

templates/pace-theme-loading-bar.tmpl.css

@@ -47,12 +47,6 @@
   -moz-background-clip: padding;
   background-clip: padding-box;
 
-  -webkit-transition: width 1s ease-in-out 1s linear;
-  -moz-transition: width 1s ease-in-out 1s linear;
-  -ms-transition: width 1s ease-in-out 1s linear;
-  -o-transition: width 1s ease-in-out 1s linear;
-  transition: width 1s ease-in-out 1s linear;
-
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);