pace-rails 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: b4527a1298fd354412b9efb132581487a9ba106e
4
- data.tar.gz: 0923cbabf0c0cc617d4d4361b542440a177601c8
3
+ metadata.gz: c5b020bf510f38281d7c99219192224c1967175a
4
+ data.tar.gz: c1664e6ae08983f4d83ad529a4c689c3cd756909
5
5
  SHA512:
6
- metadata.gz: 35bcbeb06321400f80e3319bda5fd709f1963115714a358f024bc2fe8452306d64ecb9b7c2b87a2d89e51c219dc7b408d35abfab48c759bdb4c9c86e5195af6c
7
- data.tar.gz: f7eaa0b09f9150d5a0ae50ead276c42e4a7494b54233b62f68509a09fb82d3ffa018d9bbc3e2c16501196c517f77ccbf9838d9eb47d4ed1ab0b0cb7785db3a0c
6
+ metadata.gz: 904ca015206f25e15fe050e9364564a9d268c3def5976484e4e158655ee0b35e02861ec4bad214658995df25a85d02f8ac7dd579c9c3f5f6ee85da9a286395b6
7
+ data.tar.gz: b4b5be31380660dc0facda56cb1abb02dab466cb94208d7c3b044b61f1f9f058126b8ed2155a0604d86bcc37a2fd2ad01ad0f6ad00b3985cfa98975fd913cf25
data/README.md CHANGED
@@ -5,7 +5,7 @@ Automatic web page progress bar.
5
5
  - [Demo](http://github.hubspot.com/pace/docs/welcome/)
6
6
  - [Documentation](http://github.hubspot.com/pace/)
7
7
 
8
- ## Rails 3+ | 4+
8
+ ## Rails 4+
9
9
 
10
10
  Include pace-rails in Gemfile:
11
11
 
@@ -1,5 +1,5 @@
1
1
  module Pace
2
2
  module Rails
3
- VERSION = "0.1.1"
3
+ VERSION = "0.1.2"
4
4
  end
5
5
  end
@@ -1,16 +1,16 @@
1
1
  (function() {
2
- var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Evented, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, ignoreStack, init, now, options, requestAnimationFrame, result, runAnimation, scalers, shouldIgnoreURL, shouldTrack, source, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _i, _intercept, _len, _pushState, _ref, _ref1, _replaceState,
2
+ var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Evented, Events, NoTargetError, Pace, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, ignoreStack, init, now, options, requestAnimationFrame, result, runAnimation, scalers, shouldIgnoreURL, shouldTrack, source, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _i, _intercept, _len, _pushState, _ref, _ref1, _replaceState,
3
3
  __slice = [].slice,
4
4
  __hasProp = {}.hasOwnProperty,
5
5
  __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
6
6
  __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
7
7
 
8
8
  defaultOptions = {
9
- catchupTime: 500,
9
+ catchupTime: 100,
10
10
  initialRate: .03,
11
- minTime: 500,
12
- ghostTime: 500,
13
- maxProgressPerFrame: 10,
11
+ minTime: 250,
12
+ ghostTime: 100,
13
+ maxProgressPerFrame: 20,
14
14
  easeFactor: 1.25,
15
15
  startOnPageLoad: true,
16
16
  restartOnPushState: true,
@@ -202,9 +202,9 @@
202
202
 
203
203
  })();
204
204
 
205
- if (window.Pace == null) {
206
- window.Pace = {};
207
- }
205
+ Pace = window.Pace || {};
206
+
207
+ window.Pace = Pace;
208
208
 
209
209
  extend(Pace, Evented.prototype);
210
210
 
@@ -280,12 +280,17 @@
280
280
  };
281
281
 
282
282
  Bar.prototype.render = function() {
283
- var el, progressStr;
283
+ var el, key, progressStr, transform, _j, _len1, _ref2;
284
284
  if (document.querySelector(options.target) == null) {
285
285
  return false;
286
286
  }
287
287
  el = this.getElement();
288
- el.children[0].style.width = "" + this.progress + "%";
288
+ transform = "translate3d(" + this.progress + "%, 0, 0)";
289
+ _ref2 = ['webkitTransform', 'msTransform', 'transform'];
290
+ for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
291
+ key = _ref2[_j];
292
+ el.children[0].style[key] = transform;
293
+ }
289
294
  if (!this.lastRenderedProgress || this.lastRenderedProgress | 0 !== this.progress | 0) {
290
295
  el.children[0].setAttribute('data-progress-text', "" + (this.progress | 0) + "%");
291
296
  if (this.progress >= 100) {
@@ -344,13 +349,22 @@
344
349
  _WebSocket = window.WebSocket;
345
350
 
346
351
  extendNative = function(to, from) {
347
- var e, key, val, _results;
352
+ var e, key, _results;
348
353
  _results = [];
349
354
  for (key in from.prototype) {
350
355
  try {
351
- val = from.prototype[key];
352
- if ((to[key] == null) && typeof val !== 'function') {
353
- _results.push(to[key] = val);
356
+ if ((to[key] == null) && typeof from[key] !== 'function') {
357
+ if (typeof Object.defineProperty === 'function') {
358
+ _results.push(Object.defineProperty(to, key, {
359
+ get: function() {
360
+ return from.prototype[key];
361
+ },
362
+ configurable: true,
363
+ enumerable: true
364
+ }));
365
+ } else {
366
+ _results.push(to[key] = from.prototype[key]);
367
+ }
354
368
  } else {
355
369
  _results.push(void 0);
356
370
  }
@@ -573,13 +587,13 @@
573
587
  } else {
574
588
  return _this.progress = _this.progress + (100 - _this.progress) / 2;
575
589
  }
576
- });
590
+ }, false);
577
591
  _ref2 = ['load', 'abort', 'timeout', 'error'];
578
592
  for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
579
593
  event = _ref2[_j];
580
594
  request.addEventListener(event, function() {
581
595
  return _this.progress = 100;
582
- });
596
+ }, false);
583
597
  }
584
598
  } else {
585
599
  _onreadystatechange = request.onreadystatechange;
@@ -609,7 +623,7 @@
609
623
  event = _ref2[_j];
610
624
  request.addEventListener(event, function() {
611
625
  return _this.progress = 100;
612
- });
626
+ }, false);
613
627
  }
614
628
  }
615
629
 
@@ -907,7 +921,7 @@
907
921
  };
908
922
 
909
923
  if (typeof define === 'function' && define.amd) {
910
- define(function() {
924
+ define(['pace'], function() {
911
925
  return Pace;
912
926
  });
913
927
  } else if (typeof exports === 'object') {
@@ -1,10 +1,19 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
4
+
5
5
  -webkit-user-select: none;
6
6
  -moz-user-select: none;
7
7
  user-select: none;
8
+
9
+ overflow: hidden;
10
+ position: fixed;
11
+ top: 0;
12
+ left: 0;
13
+ z-index: 2000;
14
+ width: 100%;
15
+ height: 12px;
16
+ background: #fff;
8
17
  }
9
18
 
10
19
  .pace-inactive {
@@ -12,26 +21,27 @@
12
21
  }
13
22
 
14
23
  .pace .pace-progress {
15
- background-color: #29d;
24
+ background-color: `args.color || "#29d"`;
16
25
  position: fixed;
17
- z-index: 2000;
18
26
  top: 0;
19
- left: 0;
20
- height: 12px;
27
+ bottom: 0;
28
+ right: 100%;
29
+ width: 100%;
21
30
  overflow: hidden;
22
-
23
- -webkit-transition: width 1s;
24
- -moz-transition: width 1s;
25
- -o-transition: width 1s;
26
- transition: width 1s;
27
31
  }
28
32
 
29
- .pace .pace-progress-inner {
30
- position: absolute;
33
+ .pace .pace-activity {
34
+ position: fixed;
31
35
  top: 0;
32
- left: 0;
33
36
  right: -32px;
34
37
  bottom: 0;
38
+ left: 0;
39
+
40
+ -webkit-transform: translate3d(0, 0, 0);
41
+ -moz-transform: translate3d(0, 0, 0);
42
+ -ms-transform: translate3d(0, 0, 0);
43
+ -o-transform: translate3d(0, 0, 0);
44
+ transform: translate3d(0, 0, 0);
35
45
 
36
46
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
37
47
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
@@ -43,30 +53,30 @@
43
53
  -o-background-size: 32px 32px;
44
54
  background-size: 32px 32px;
45
55
 
46
- -webkit-animation: pace-stripe-animation 500ms linear infinite;
47
- -moz-animation: pace-stripe-animation 500ms linear infinite;
48
- -ms-animation: pace-stripe-animation 500ms linear infinite;
49
- -o-animation: pace-stripe-animation 500ms linear infinite;
50
- animation: pace-stripe-animation 500ms linear infinite;
56
+ -webkit-animation: pace-theme-barber-shop-motion 500ms linear infinite;
57
+ -moz-animation: pace-theme-barber-shop-motion 500ms linear infinite;
58
+ -ms-animation: pace-theme-barber-shop-motion 500ms linear infinite;
59
+ -o-animation: pace-theme-barber-shop-motion 500ms linear infinite;
60
+ animation: pace-theme-barber-shop-motion 500ms linear infinite;
51
61
  }
52
62
 
53
- @-webkit-keyframes pace-stripe-animation {
63
+ @-webkit-keyframes pace-theme-barber-shop-motion {
54
64
  0% { -webkit-transform: none; transform: none; }
55
65
  100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
56
66
  }
57
- @-moz-keyframes pace-stripe-animation {
67
+ @-moz-keyframes pace-theme-barber-shop-motion {
58
68
  0% { -moz-transform: none; transform: none; }
59
69
  100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
60
70
  }
61
- @-o-keyframes pace-stripe-animation {
71
+ @-o-keyframes pace-theme-barber-shop-motion {
62
72
  0% { -o-transform: none; transform: none; }
63
73
  100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
64
74
  }
65
- @-ms-keyframes pace-stripe-animation {
75
+ @-ms-keyframes pace-theme-barber-shop-motion {
66
76
  0% { -ms-transform: none; transform: none; }
67
77
  100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
68
78
  }
69
- @keyframes pace-stripe-animation {
79
+ @keyframes pace-theme-barber-shop-motion {
70
80
  0% { transform: none; transform: none; }
71
81
  100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
72
82
  }
@@ -1,7 +1,7 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
4
+
5
5
  -webkit-user-select: none;
6
6
  -moz-user-select: none;
7
7
  user-select: none;
@@ -18,6 +18,10 @@
18
18
  right: 0;
19
19
  height: 5rem;
20
20
  width: 5rem;
21
+
22
+ -webkit-transform: translate3d(0, 0, 0) !important;
23
+ -ms-transform: translate3d(0, 0, 0) !important;
24
+ transform: translate3d(0, 0, 0) !important;
21
25
  }
22
26
 
23
27
  .pace .pace-progress:after {
@@ -31,5 +35,5 @@
31
35
  font-size: 5rem;
32
36
  line-height: 1;
33
37
  text-align: right;
34
- color: rgba(0, 0, 0, 0.19999999999999996);
38
+ color: `Color(args.color || '#000').clearer(0.8).rgbString()`;
35
39
  }
@@ -1,4 +1,3 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  width: 140px;
4
3
  height: 300px;
@@ -30,7 +29,7 @@
30
29
  width: 140px;
31
30
  height: 140px;
32
31
  border-radius: 70px;
33
- background: #29d;
32
+ background: `args.color || "#29d"`;
34
33
  position: absolute;
35
34
  top: 0;
36
35
  z-index: 1911;
@@ -53,11 +52,11 @@
53
52
  background: rgba(20, 20, 20, .1);
54
53
  box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
55
54
  border-radius: 30px / 40px;
56
- -webkit-transform: scaleY(.3);
57
- -moz-transform: scaleY(.3);
58
- -ms-transform: scaleY(.3);
59
- -o-transform: scaleY(.3);
60
- transform: scaleY(.3);
55
+ -webkit-transform: scaleY(.3) !important;
56
+ -moz-transform: scaleY(.3) !important;
57
+ -ms-transform: scaleY(.3) !important;
58
+ -o-transform: scaleY(.3) !important;
59
+ transform: scaleY(.3) !important;
61
60
  -webkit-animation: pace-compress .5s infinite alternate;
62
61
  -moz-animation: pace-compress .5s infinite alternate;
63
62
  -o-animation: pace-compress .5s infinite alternate;
@@ -1,4 +1,3 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace.pace-inactive {
3
2
  display: none;
4
3
  }
@@ -26,14 +25,18 @@
26
25
  z-index: 2000;
27
26
  position: absolute;
28
27
  height: 60px;
29
- width: 100px !important;
28
+ width: 100px;
29
+
30
+ -webkit-transform: translate3d(0, 0, 0) !important;
31
+ -ms-transform: translate3d(0, 0, 0) !important;
32
+ transform: translate3d(0, 0, 0) !important;
30
33
  }
31
34
 
32
35
  .pace .pace-progress:before {
33
36
  content: attr(data-progress-text);
34
37
  text-align: center;
35
38
  color: #fff;
36
- background: #29d;
39
+ background: `args.color || "#29d"`;
37
40
  border-radius: 50%;
38
41
  font-family: "Helvetica Neue", sans-serif;
39
42
  font-size: 14px;
@@ -48,27 +51,6 @@
48
51
  position: absolute;
49
52
  }
50
53
 
51
- .pace .pace-progress:after {
52
- border-radius: 50%;
53
- border: 5px solid #29d;
54
- content: ' ';
55
- display: block;
56
- position: absolute;
57
- top: 0;
58
- left: 0;
59
- height: 60px;
60
- width: 100px;
61
-
62
- -webkit-transform: rotate(90deg);
63
- -moz-transform: rotate(90deg);
64
- -o-transform: rotate(90deg);
65
- transform: rotate(90deg);
66
- -webkit-animation: spin-3 2s linear infinite;
67
- -moz-animation: spin-3 2s linear infinite;
68
- -o-animation: spin-3 2s linear infinite;
69
- animation: spin-3 2s linear infinite;
70
- }
71
-
72
54
  .pace .pace-activity {
73
55
  font-size: 15px;
74
56
  line-height: 1;
@@ -78,11 +60,15 @@
78
60
  width: 100px;
79
61
 
80
62
  display: block;
63
+ -webkit-animation: pace-theme-center-atom-spin 2s linear infinite;
64
+ -moz-animation: pace-theme-center-atom-spin 2s linear infinite;
65
+ -o-animation: pace-theme-center-atom-spin 2s linear infinite;
66
+ animation: pace-theme-center-atom-spin 2s linear infinite;
81
67
  }
82
68
 
83
- .pace .pace-activity:before {
69
+ .pace .pace-activity {
84
70
  border-radius: 50%;
85
- border: 5px solid #29d;
71
+ border: 5px solid `args.color || "#29d"`;
86
72
  content: ' ';
87
73
  display: block;
88
74
  position: absolute;
@@ -90,81 +76,55 @@
90
76
  left: 0;
91
77
  height: 60px;
92
78
  width: 100px;
93
-
94
- -webkit-animation: spin-1 2s linear infinite;
95
- -moz-animation: spin-1 2s linear infinite;
96
- -o-animation: spin-1 2s linear infinite;
97
- animation: spin-1 2s linear infinite;
98
79
  }
99
80
 
100
- .pace .pace-activity:after{
81
+ .pace .pace-activity:after {
101
82
  border-radius: 50%;
102
- border: 5px solid #29d;
83
+ border: 5px solid `args.color || "#29d"`;
103
84
  content: ' ';
104
85
  display: block;
105
86
  position: absolute;
106
- top: 0;
107
- left: 0;
87
+ top: -5px;
88
+ left: -5px;
108
89
  height: 60px;
109
90
  width: 100px;
110
91
 
111
- -webkit-transform: rotate(45deg);
112
- -moz-transform: rotate(45deg);
113
- -o-transform: rotate(45deg);
114
- transform: rotate(45deg);
115
- -webkit-animation: spin-2 2s linear infinite;
116
- -moz-animation: spin-2 2s linear infinite;
117
- -o-animation: spin-2 2s linear infinite;
118
- animation: spin-2 2s linear infinite;
92
+ -webkit-transform: rotate(60deg);
93
+ -moz-transform: rotate(60deg);
94
+ -o-transform: rotate(60deg);
95
+ transform: rotate(60deg);
119
96
  }
120
97
 
121
- @-webkit-keyframes spin-1 {
122
- 0% { -webkit-transform: rotate(0deg); }
123
- 100%{ -webkit-transform: rotate(359deg);}
124
- }
125
- @-moz-keyframes spin-1 {
126
- 0% { -moz-transform: rotate(0deg); }
127
- 100%{ -moz-transform: rotate(359deg);}
128
- }
129
- @-o-keyframes spin-1 {
130
- 0% { -o-transform: rotate(0deg); }
131
- 100%{ -o-transform: rotate(359deg);}
132
- }
133
- @keyframes spin-1 {
134
- 0% { transform: rotate(0deg); }
135
- 100%{ transform: rotate(359deg);}
136
- }
98
+ .pace .pace-activity:before {
99
+ border-radius: 50%;
100
+ border: 5px solid `args.color || "#29d"`;
101
+ content: ' ';
102
+ display: block;
103
+ position: absolute;
104
+ top: -5px;
105
+ left: -5px;
106
+ height: 60px;
107
+ width: 100px;
137
108
 
138
- @-webkit-keyframes spin-2 {
139
- 0% { -webkit-transform: rotate(59.8deg); }
140
- 100%{ -webkit-transform: rotate(418.8deg);}
141
- }
142
- @-moz-keyframes spin-2 {
143
- 0% { -moz-transform: rotate(59.8deg); }
144
- 100%{ -moz-transform: rotate(418.8deg);}
145
- }
146
- @-o-keyframes spin-2 {
147
- 0% { -o-transform: rotate(59.8deg); }
148
- 100%{ -o-transform: rotate(418.8deg);}
149
- }
150
- @keyframes spin-2 {
151
- 0% { transform: rotate(59.8deg); }
152
- 100%{ transform: rotate(418.8deg);}
109
+ -webkit-transform: rotate(120deg);
110
+ -moz-transform: rotate(120deg);
111
+ -o-transform: rotate(120deg);
112
+ transform: rotate(120deg);
153
113
  }
154
114
 
155
- @-webkit-keyframes spin-3 {
156
- 0% { -webkit-transform: rotate(119.6deg); }
157
- 100%{ -webkit-transform: rotate(478.6deg);}
115
+ @-webkit-keyframes pace-theme-center-atom-spin {
116
+ 0% { -webkit-transform: rotate(0deg) }
117
+ 100% { -webkit-transform: rotate(359deg) }
118
+ }
119
+ @-moz-keyframes pace-theme-center-atom-spin {
120
+ 0% { -moz-transform: rotate(0deg) }
121
+ 100% { -moz-transform: rotate(359deg) }
158
122
  }
159
- @-moz-keyframes spin-3 {
160
- 0% { -moz-transform: rotate(119.6deg); }
161
- 100%{ -moz-transform: rotate(478.6deg);}
123
+ @-o-keyframes pace-theme-center-atom-spin {
124
+ 0% { -o-transform: rotate(0deg) }
125
+ 100% { -o-transform: rotate(359deg) }
162
126
  }
163
- @-o-keyframes spin-3 {
164
- 0% { -o-transform: rotate(119.6deg); }
165
- 100%{ -o-transform: rotate(478.6deg);}
127
+ @keyframes pace-theme-center-atom-spin {
128
+ 0% { transform: rotate(0deg) }
129
+ 100% { transform: rotate(359deg) }
166
130
  }
167
- @keyframes spin-3 {
168
- 0% { transform: rotate(119.6deg); }
169
- 100%{ transform: rotate(478.6deg);}
170
- }
@@ -1,4 +1,3 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
@@ -40,17 +39,17 @@
40
39
  line-height: 6rem;
41
40
  font-size: 2rem;
42
41
  border-radius: 50%;
43
- background: rgba(34, 153, 221, 0.8);
42
+ background: `Color(args.color || '#29d').clearer(0.2).rgbString()`;
44
43
  color: #fff;
45
44
  font-family: "Helvetica Neue", sans-serif;
46
45
  font-weight: 100;
47
46
  text-align: center;
48
47
 
49
- -webkit-animation: pace-3d-spinner linear infinite 2s;
50
- -moz-animation: pace-3d-spinner linear infinite 2s;
51
- -ms-animation: pace-3d-spinner linear infinite 2s;
52
- -o-animation: pace-3d-spinner linear infinite 2s;
53
- animation: pace-3d-spinner linear infinite 2s;
48
+ -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
49
+ -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
50
+ -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
51
+ -o-animation: pace-theme-center-circle-spin linear infinite 2s;
52
+ animation: pace-theme-center-circle-spin linear infinite 2s;
54
53
 
55
54
  -webkit-transform-style: preserve-3d;
56
55
  -moz-transform-style: preserve-3d;
@@ -64,47 +63,27 @@
64
63
  display: block;
65
64
  }
66
65
 
67
- @-webkit-keyframes pace-3d-spinner {
68
- from {
69
- -webkit-transform: rotateY(0deg);
70
- }
71
- to {
72
- -webkit-transform: rotateY(360deg);
73
- }
66
+ @-webkit-keyframes pace-theme-center-circle-spin {
67
+ from { -webkit-transform: rotateY(0deg) }
68
+ to { -webkit-transform: rotateY(360deg) }
74
69
  }
75
70
 
76
- @-moz-keyframes pace-3d-spinner {
77
- from {
78
- -moz-transform: rotateY(0deg);
79
- }
80
- to {
81
- -moz-transform: rotateY(360deg);
82
- }
71
+ @-moz-keyframes pace-theme-center-circle-spin {
72
+ from { -moz-transform: rotateY(0deg) }
73
+ to { -moz-transform: rotateY(360deg) }
83
74
  }
84
75
 
85
- @-ms-keyframes pace-3d-spinner {
86
- from {
87
- -ms-transform: rotateY(0deg);
88
- }
89
- to {
90
- -ms-transform: rotateY(360deg);
91
- }
76
+ @-ms-keyframes pace-theme-center-circle-spin {
77
+ from { -ms-transform: rotateY(0deg) }
78
+ to { -ms-transform: rotateY(360deg) }
92
79
  }
93
80
 
94
- @-o-keyframes pace-3d-spinner {
95
- from {
96
- -o-transform: rotateY(0deg);
97
- }
98
- to {
99
- -o-transform: rotateY(360deg);
100
- }
81
+ @-o-keyframes pace-theme-center-circle-spin {
82
+ from { -o-transform: rotateY(0deg) }
83
+ to { -o-transform: rotateY(360deg) }
101
84
  }
102
85
 
103
- @keyframes pace-3d-spinner {
104
- from {
105
- transform: rotateY(0deg);
106
- }
107
- to {
108
- transform: rotateY(360deg);
109
- }
86
+ @keyframes pace-theme-center-circle-spin {
87
+ from { transform: rotateY(0deg) }
88
+ to { transform: rotateY(360deg) }
110
89
  }
@@ -1,8 +1,11 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
5
4
 
5
+ -webkit-user-select: none;
6
+ -moz-user-select: none;
7
+ user-select: none;
8
+
6
9
  z-index: 2000;
7
10
  position: fixed;
8
11
  height: 90px;
@@ -30,13 +33,13 @@
30
33
  display: block;
31
34
  border-width: 30px;
32
35
  border-style: double;
33
- border-color: #29d transparent transparent;
36
+ border-color: `args.color || "#29d"` transparent transparent;
34
37
  border-radius: 50%;
35
38
 
36
39
  -webkit-animation: spin 1s linear infinite;
37
- -moz-animation: spin 1s linear infinite;
38
- -o-animation: spin 1s linear infinite;
39
- animation: spin 1s linear infinite;
40
+ -moz-animation: spin 1s linear infinite;
41
+ -o-animation: spin 1s linear infinite;
42
+ animation: spin 1s linear infinite;
40
43
  }
41
44
 
42
45
  .pace .pace-activity:before {
@@ -49,11 +52,10 @@
49
52
  display: block;
50
53
  border-width: 10px;
51
54
  border-style: solid;
52
- border-color: #29d transparent transparent;
55
+ border-color: `args.color || "#29d"` transparent transparent;
53
56
  border-radius: 50%;
54
57
  }
55
58
 
56
-
57
59
  @-webkit-keyframes spin {
58
60
  100% { -webkit-transform: rotate(359deg); }
59
61
  }
@@ -1,7 +1,7 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
4
+
5
5
  -webkit-user-select: none;
6
6
  -moz-user-select: none;
7
7
  user-select: none;
@@ -16,7 +16,9 @@
16
16
  height: 5px;
17
17
  width: 200px;
18
18
  background: #fff;
19
- border: 1px solid #29d;
19
+ border: 1px solid `args.color || "#29d"`;
20
+
21
+ overflow: hidden;
20
22
  }
21
23
 
22
24
  .pace .pace-progress {
@@ -26,12 +28,6 @@
26
28
  -o-box-sizing: border-box;
27
29
  box-sizing: border-box;
28
30
 
29
- -webkit-transition: width 1s ease-in-out 1s linear;
30
- -moz-transition: width 1s ease-in-out 1s linear;
31
- -ms-transition: width 1s ease-in-out 1s linear;
32
- -o-transition: width 1s ease-in-out 1s linear;
33
- transition: width 1s ease-in-out 1s linear;
34
-
35
31
  -webkit-transform: translate3d(0, 0, 0);
36
32
  -moz-transform: translate3d(0, 0, 0);
37
33
  -ms-transform: translate3d(0, 0, 0);
@@ -43,10 +39,11 @@
43
39
  z-index: 2000;
44
40
  display: block;
45
41
  position: absolute;
46
- left: 0px;
47
- top: 0px;
42
+ top: 0;
43
+ right: 100%;
48
44
  height: 100%;
49
- background: #29d;
45
+ width: 100%;
46
+ background: `args.color || "#29d"`;
50
47
  }
51
48
 
52
49
  .pace.pace-inactive {
@@ -1,7 +1,7 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
4
+
5
5
  -webkit-user-select: none;
6
6
  -moz-user-select: none;
7
7
  user-select: none;
@@ -15,7 +15,7 @@
15
15
  right: 0;
16
16
  width: 300px;
17
17
  height: 300px;
18
- background: #29d;
18
+ background: `args.color || "#29d"`;
19
19
  -webkit-transition: -webkit-transform 0.3s;
20
20
  transition: transform 0.3s;
21
21
  -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
@@ -30,6 +30,8 @@
30
30
 
31
31
  .pace .pace-activity::before,
32
32
  .pace .pace-activity::after {
33
+ -moz-box-sizing: border-box;
34
+ box-sizing: border-box;
33
35
  position: absolute;
34
36
  bottom: 30px;
35
37
  left: 50%;
@@ -45,8 +47,8 @@
45
47
  height: 80px;
46
48
  border-right-color: rgba(0, 0, 0, .2);
47
49
  border-left-color: rgba(0, 0, 0, .2);
48
- -webkit-animation: pace-rotation 3s linear infinite;
49
- animation: pace-rotation 3s linear infinite;
50
+ -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
51
+ animation: pace-theme-corner-indicator-spin 3s linear infinite;
50
52
  }
51
53
 
52
54
  .pace .pace-activity::after {
@@ -56,15 +58,15 @@
56
58
  height: 40px;
57
59
  border-top-color: rgba(0, 0, 0, .2);
58
60
  border-bottom-color: rgba(0, 0, 0, .2);
59
- -webkit-animation: pace-rotation 1s linear infinite;
60
- animation: pace-rotation 1s linear infinite;
61
+ -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
62
+ animation: pace-theme-corner-indicator-spin 1s linear infinite;
61
63
  }
62
64
 
63
- @-webkit-keyframes pace-rotation {
65
+ @-webkit-keyframes pace-theme-corner-indicator-spin {
64
66
  0% { -webkit-transform: rotate(0deg); }
65
67
  100% { -webkit-transform: rotate(359deg); }
66
68
  }
67
- @keyframes pace-rotation {
69
+ @keyframes pace-theme-corner-indicator-spin {
68
70
  0% { transform: rotate(0deg); }
69
71
  100% { transform: rotate(359deg); }
70
72
  }
@@ -1,4 +1,3 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
@@ -7,16 +6,16 @@
7
6
  user-select: none;
8
7
  }
9
8
 
9
+ .pace-inactive {
10
+ display: none;
11
+ }
12
+
10
13
  .pace .pace-progress {
11
- background-color: rgba(0, 0, 0, 0.19999999999999996);
14
+ background-color: `Color(args.color).clearer(0.8).rgbString() || "rgba(0, 0, 0, 0.2)"`;
12
15
  position: fixed;
13
16
  z-index: -1;
14
17
  top: 0;
15
- left: 0;
18
+ right: 100%;
16
19
  bottom: 0;
17
-
18
- -webkit-transition: width 1s;
19
- -moz-transition: width 1s;
20
- -o-transition: width 1s;
21
- transition: width 1s;
20
+ width: 100%;
22
21
  }
@@ -1,4 +1,3 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
@@ -12,17 +11,13 @@
12
11
  }
13
12
 
14
13
  .pace .pace-progress {
15
- background: #29d;
14
+ background: `args.color || "#29d"`;
16
15
  position: fixed;
17
16
  z-index: 2000;
18
17
  top: 0;
19
- left: 0;
18
+ right: 100%;
19
+ width: 100%;
20
20
  height: 2px;
21
-
22
- -webkit-transition: width 1s;
23
- -moz-transition: width 1s;
24
- -o-transition: width 1s;
25
- transition: width 1s;
26
21
  }
27
22
 
28
23
  .pace .pace-progress-inner {
@@ -31,7 +26,7 @@
31
26
  right: 0px;
32
27
  width: 100px;
33
28
  height: 100%;
34
- box-shadow: 0 0 10px #29d, 0 0 5px #29d;
29
+ box-shadow: 0 0 10px `args.color || '#29d'`, 0 0 5px `args.color || '#29d'`;
35
30
  opacity: 1.0;
36
31
  -webkit-transform: rotate(3deg) translate(0px, -4px);
37
32
  -moz-transform: rotate(3deg) translate(0px, -4px);
@@ -49,8 +44,8 @@
49
44
  width: 14px;
50
45
  height: 14px;
51
46
  border: solid 2px transparent;
52
- border-top-color: #29d;
53
- border-left-color: #29d;
47
+ border-top-color: `args.color || '#29d'`;
48
+ border-left-color: `args.color || '#29d'`;
54
49
  border-radius: 10px;
55
50
  -webkit-animation: pace-spinner 400ms linear infinite;
56
51
  -moz-animation: pace-spinner 400ms linear infinite;
@@ -1,5 +1,11 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
2
+ -webkit-pointer-events: none;
3
+ pointer-events: none;
4
+
5
+ -webkit-user-select: none;
6
+ -moz-user-select: none;
7
+ user-select: none;
8
+
3
9
  -webkit-box-sizing: border-box;
4
10
  -moz-box-sizing: border-box;
5
11
  -ms-box-sizing: border-box;
@@ -10,16 +16,10 @@
10
16
  -moz-border-radius: 10px;
11
17
  border-radius: 10px;
12
18
 
13
- -moz-background-clip: padding;
14
19
  -webkit-background-clip: padding-box;
20
+ -moz-background-clip: padding;
15
21
  background-clip: padding-box;
16
22
 
17
- -webkit-pointer-events: none;
18
- pointer-events: none;
19
- -webkit-user-select: none;
20
- -moz-user-select: none;
21
- user-select: none;
22
-
23
23
  z-index: 2000;
24
24
  position: fixed;
25
25
  margin: auto;
@@ -28,9 +28,8 @@
28
28
  right: 0;
29
29
  bottom: 0;
30
30
  width: 200px;
31
- height: 25px;
32
- border: 2px solid #29d;
33
- background-color: #fff;
31
+ height: 50px;
32
+ overflow: hidden;
34
33
  }
35
34
 
36
35
  .pace .pace-progress {
@@ -40,44 +39,66 @@
40
39
  -o-box-sizing: border-box;
41
40
  box-sizing: border-box;
42
41
 
43
- -webkit-border-radius: 5px;
44
- -moz-border-radius: 5px;
45
- border-radius: 5px;
42
+ -webkit-border-radius: 2px;
43
+ -moz-border-radius: 2px;
44
+ border-radius: 2px;
46
45
 
47
46
  -webkit-background-clip: padding-box;
48
47
  -moz-background-clip: padding;
49
48
  background-clip: padding-box;
50
49
 
51
- -webkit-transition: width 1s ease-in-out 1s linear;
52
- -moz-transition: width 1s ease-in-out 1s linear;
53
- -ms-transition: width 1s ease-in-out 1s linear;
54
- -o-transition: width 1s ease-in-out 1s linear;
55
- transition: width 1s ease-in-out 1s linear;
56
-
57
50
  -webkit-transform: translate3d(0, 0, 0);
58
51
  transform: translate3d(0, 0, 0);
59
52
 
60
- max-width: 190px;
61
- position: fixed;
62
- z-index: 2000;
63
53
  display: block;
64
54
  position: absolute;
65
- left: 3px;
66
- top: 3px;
67
- height: 15px;
55
+ right: 100%;
56
+ margin-right: -7px;
57
+ width: 93%;
58
+ top: 7px;
59
+ height: 14px;
68
60
  font-size: 12px;
69
- background: #29d;
70
- color: #29d;
61
+ background: `args.color || "#29d"`;
62
+ color: `args.color || "#29d"`;
71
63
  line-height: 60px;
72
64
  font-weight: bold;
73
- font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
65
+ font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
66
+
67
+ -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
68
+ -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
69
+ box-shadow: 120px 0 #fff, 240px 0 #fff;
74
70
  }
75
71
 
76
72
  .pace .pace-progress:after {
77
73
  content: attr(data-progress-text);
78
74
  display: inline-block;
75
+ position: fixed;
76
+ width: 45px;
77
+ text-align: right;
78
+ right: 0;
79
+ padding-right: 16px;
80
+ top: 4px;
81
+ }
82
+
83
+ `
84
+ var out = '';
85
+
86
+ for (var i = 0; i < 101 ; i++) {
87
+ out += ".pace .pace-progress[data-progress-text=\"" + i + "%\"]:after { right: -" + (200 - (i * 2) + ((i * 14) / 100)) + "px }\n";
88
+ }
89
+
90
+ out
91
+ `
92
+
93
+ .pace .pace-activity {
94
+ position: absolute;
95
+ width: 100%;
96
+ height: 28px;
97
+ z-index: 2001;
98
+ box-shadow: inset 0 0 0 2px `args.color || "#29d"`, inset 0 0 0 7px #FFF;
99
+ border-radius: 10px;
79
100
  }
80
101
 
81
102
  .pace.pace-inactive {
82
103
  display: none;
83
- }
104
+ }
@@ -1,10 +1,19 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
1
  .pace {
3
2
  -webkit-pointer-events: none;
4
3
  pointer-events: none;
4
+
5
5
  -webkit-user-select: none;
6
6
  -moz-user-select: none;
7
7
  user-select: none;
8
+
9
+ overflow: hidden;
10
+ position: fixed;
11
+ top: 0;
12
+ left: 0;
13
+ z-index: 2000;
14
+ width: 100%;
15
+ height: 12px;
16
+ background: #fff;
8
17
  }
9
18
 
10
19
  .pace-inactive {
@@ -12,13 +21,11 @@
12
21
  }
13
22
 
14
23
  .pace .pace-progress {
15
- background-color: #78c0f0;
16
-
17
- color: #CBE7F9;
24
+ background-color: `Color(args.color || "#29d").darken(.2).saturate(.65).hexString();`;
18
25
  position: fixed;
19
- z-index: 2000;
20
26
  top: 0;
21
- left: 0;
27
+ right: 100%;
28
+ width: 100%;
22
29
  height: 12px;
23
30
  overflow: hidden;
24
31
 
@@ -27,59 +34,53 @@
27
34
  -o-border-radius: 0 0 4px 0;
28
35
  border-radius: 0 0 4px 0;
29
36
 
30
- -webkit-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
31
- -moz-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
32
- -o-box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
33
- box-shadow: inset -1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px rgba(0, 0, 0, 0.3), inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, 0.3);
34
-
35
- -webkit-transition: width 1s;
36
- -moz-transition: width 1s;
37
- -o-transition: width 1s;
38
- transition: width 1s;
37
+ -webkit-box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
38
+ -moz-box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
39
+ -o-box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
40
+ box-shadow: inset -1px 0 `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 -1px `Color(args.color || "#29d").darken(.5).saturate(.7).hexString();`, inset 0 2px rgba(255, 255, 255, 0.5), inset 0 6px rgba(255, 255, 255, .3);
39
41
  }
40
42
 
41
- .pace .pace-progress-inner {
42
- position: absolute;
43
+ .pace .pace-activity {
44
+ position: fixed;
43
45
  top: 0;
44
46
  left: 0;
45
47
  right: -28px;
46
48
  bottom: 0;
47
49
 
48
- background-image: -o-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
49
- background-image: -moz-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
50
- background-image: -webkit-radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
51
- background-image: radial-gradient(rgba(25, 147, 228, 0.6) 0%, rgba(120, 192, 240, 0) 100%);
52
-
50
+ -webkit-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
51
+ -moz-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
52
+ -o-background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
53
+ background-image: radial-gradient(rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .15) 100%);
53
54
 
54
55
  -webkit-background-size: 28px 100%;
55
56
  -moz-background-size: 28px 100%;
56
57
  -o-background-size: 28px 100%;
57
58
  background-size: 28px 100%;
58
59
 
59
- -webkit-animation: pace-stripe-animation 500ms linear infinite;
60
- -moz-animation: pace-stripe-animation 500ms linear infinite;
61
- -ms-animation: pace-stripe-animation 500ms linear infinite;
62
- -o-animation: pace-stripe-animation 500ms linear infinite;
63
- animation: pace-stripe-animation 500ms linear infinite;
60
+ -webkit-animation: pace-theme-mac-osx-motion 500ms linear infinite;
61
+ -moz-animation: pace-theme-mac-osx-motion 500ms linear infinite;
62
+ -ms-animation: pace-theme-mac-osx-motion 500ms linear infinite;
63
+ -o-animation: pace-theme-mac-osx-motion 500ms linear infinite;
64
+ animation: pace-theme-mac-osx-motion 500ms linear infinite;
64
65
  }
65
66
 
66
- @-webkit-keyframes pace-stripe-animation {
67
+ @-webkit-keyframes pace-theme-mac-osx-motion {
67
68
  0% { -webkit-transform: none; transform: none; }
68
69
  100% { -webkit-transform: translate(-28px, 0); transform: translate(-28px, 0); }
69
70
  }
70
- @-moz-keyframes pace-stripe-animation {
71
+ @-moz-keyframes pace-theme-mac-osx-motion {
71
72
  0% { -moz-transform: none; transform: none; }
72
73
  100% { -moz-transform: translate(-28px, 0); transform: translate(-28px, 0); }
73
74
  }
74
- @-o-keyframes pace-stripe-animation {
75
+ @-o-keyframes pace-theme-mac-osx-motion {
75
76
  0% { -o-transform: none; transform: none; }
76
77
  100% { -o-transform: translate(-28px, 0); transform: translate(-28px, 0); }
77
78
  }
78
- @-ms-keyframes pace-stripe-animation {
79
+ @-ms-keyframes pace-theme-mac-osx-motion {
79
80
  0% { -ms-transform: none; transform: none; }
80
81
  100% { -ms-transform: translate(-28px, 0); transform: translate(-28px, 0); }
81
82
  }
82
- @keyframes pace-stripe-animation {
83
+ @keyframes pace-theme-mac-osx-motion {
83
84
  0% { transform: none; transform: none; }
84
85
  100% { transform: translate(-28px, 0); transform: translate(-28px, 0); }
85
86
  }
@@ -1,18 +1,22 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
- .pace .pace-progress {
3
- background: #29d;
4
- position: fixed;
5
- z-index: 2000;
6
- top: 0;
7
- left: 0;
8
- height: 2px;
1
+ .pace {
2
+ -webkit-pointer-events: none;
3
+ pointer-events: none;
9
4
 
10
- -webkit-transition: width 1s;
11
- -moz-transition: width 1s;
12
- -o-transition: width 1s;
13
- transition: width 1s;
5
+ -webkit-user-select: none;
6
+ -moz-user-select: none;
7
+ user-select: none;
14
8
  }
15
9
 
16
10
  .pace-inactive {
17
11
  display: none;
18
12
  }
13
+
14
+ .pace .pace-progress {
15
+ background: `args.color || "#29d"`;
16
+ position: fixed;
17
+ z-index: 2000;
18
+ top: 0;
19
+ right: 100%;
20
+ width: 100%;
21
+ height: 2px;
22
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pace-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dan Vera
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-08-28 00:00:00.000000000 Z
11
+ date: 2015-02-19 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -78,7 +78,6 @@ files:
78
78
  - vendor/assets/stylesheets/pace/pace-theme-corner-indicator.css
79
79
  - vendor/assets/stylesheets/pace/pace-theme-fill-left.css
80
80
  - vendor/assets/stylesheets/pace/pace-theme-flash.css
81
- - vendor/assets/stylesheets/pace/pace-theme-flat-top.css
82
81
  - vendor/assets/stylesheets/pace/pace-theme-loading-bar.css
83
82
  - vendor/assets/stylesheets/pace/pace-theme-mac-osx.css
84
83
  - vendor/assets/stylesheets/pace/pace-theme-minimal.css
@@ -1,33 +0,0 @@
1
- /* This is a compiled file, you should be editing the file in the templates directory */
2
- .pace {
3
- -webkit-pointer-events: none;
4
- pointer-events: none;
5
- -webkit-user-select: none;
6
- -moz-user-select: none;
7
- user-select: none;
8
- }
9
-
10
- .pace .pace-progress {
11
- display: block;
12
- position: fixed;
13
- z-index: 2000;
14
- top: 0;
15
- left: 0;
16
- height: 12px;
17
- background: #29d;
18
-
19
- -webkit-transition: -webkit-transform .3s, width 1s;
20
- -moz-transition: width 1s;
21
- -o-transform: width 1s;
22
- transition: transform .3s, width 1s;
23
-
24
- -webkit-transform: translateY(-50px);
25
- transform: translateY(-50px);
26
-
27
- pointer-events: none;
28
- }
29
-
30
- .pace.pace-active .pace-progress {
31
- -webkit-transform: translateY(0);
32
- transform: translateY(0);
33
- }