pace-theme-flash.css in pace-rails-0.1.2

- old
+ new

@@ -1,6 +1,5 @@
-/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -10,30 +9,26 @@
 .pace-inactive {
   display: none;
 }
 
 .pace .pace-progress {
-  background: #29d;
+  background: `args.color || "#29d"`;
   position: fixed;
   z-index: 2000;
   top: 0;
-  left: 0;
+  right: 100%;
+  width: 100%;
   height: 2px;
-
-  -webkit-transition: width 1s;
-  -moz-transition: width 1s;
-  -o-transition: width 1s;
-  transition: width 1s;
 }
 
 .pace .pace-progress-inner {
   display: block;
   position: absolute;
   right: 0px;
   width: 100px;
   height: 100%;
-  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
+  box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`;
   opacity: 1.0;
   -webkit-transform: rotate(3deg) translate(0px, -4px);
   -moz-transform: rotate(3deg) translate(0px, -4px);
   -ms-transform: rotate(3deg) translate(0px, -4px);
   -o-transform: rotate(3deg) translate(0px, -4px);
@@ -47,11 +42,11 @@
   top: 15px;
   right: 15px;
   width: 14px;
   height: 14px;
   border: solid 2px transparent;
-  border-top-color: #29d;
-  border-left-color: #29d;
+  border-top-color: `args.color || '#29d'`;
+  border-left-color: `args.color || '#29d'`;
   border-radius: 10px;
   -webkit-animation: pace-spinner 400ms linear infinite;
   -moz-animation: pace-spinner 400ms linear infinite;
   -ms-animation: pace-spinner 400ms linear infinite;
   -o-animation: pace-spinner 400ms linear infinite;