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 +4 -4
- data/README.md +1 -1
- data/lib/pace/rails/version.rb +1 -1
- data/vendor/assets/javascripts/pace/pace.js +32 -18
- data/vendor/assets/stylesheets/pace/pace-theme-barber-shop.css +33 -23
- data/vendor/assets/stylesheets/pace/pace-theme-big-counter.css +6 -2
- data/vendor/assets/stylesheets/pace/pace-theme-bounce.css +6 -7
- data/vendor/assets/stylesheets/pace/pace-theme-center-atom.css +47 -87
- data/vendor/assets/stylesheets/pace/pace-theme-center-circle.css +21 -42
- data/vendor/assets/stylesheets/pace/pace-theme-center-radar.css +9 -7
- data/vendor/assets/stylesheets/pace/pace-theme-center-simple.css +8 -11
- data/vendor/assets/stylesheets/pace/pace-theme-corner-indicator.css +10 -8
- data/vendor/assets/stylesheets/pace/pace-theme-fill-left.css +7 -8
- data/vendor/assets/stylesheets/pace/pace-theme-flash.css +6 -11
- data/vendor/assets/stylesheets/pace/pace-theme-loading-bar.css +51 -30
- data/vendor/assets/stylesheets/pace/pace-theme-mac-osx.css +33 -32
- data/vendor/assets/stylesheets/pace/pace-theme-minimal.css +16 -12
- metadata +2 -3
- data/vendor/assets/stylesheets/pace/pace-theme-flat-top.css +0 -33
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c5b020bf510f38281d7c99219192224c1967175a
|
4
|
+
data.tar.gz: c1664e6ae08983f4d83ad529a4c689c3cd756909
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 904ca015206f25e15fe050e9364564a9d268c3def5976484e4e158655ee0b35e02861ec4bad214658995df25a85d02f8ac7dd579c9c3f5f6ee85da9a286395b6
|
7
|
+
data.tar.gz: b4b5be31380660dc0facda56cb1abb02dab466cb94208d7c3b044b61f1f9f058126b8ed2155a0604d86bcc37a2fd2ad01ad0f6ad00b3985cfa98975fd913cf25
|
data/README.md
CHANGED
data/lib/pace/rails/version.rb
CHANGED
@@ -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:
|
9
|
+
catchupTime: 100,
|
10
10
|
initialRate: .03,
|
11
|
-
minTime:
|
12
|
-
ghostTime:
|
13
|
-
maxProgressPerFrame:
|
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
|
-
|
206
|
-
|
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
|
-
|
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,
|
352
|
+
var e, key, _results;
|
348
353
|
_results = [];
|
349
354
|
for (key in from.prototype) {
|
350
355
|
try {
|
351
|
-
|
352
|
-
|
353
|
-
|
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
|
-
|
20
|
-
|
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-
|
30
|
-
position:
|
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-
|
47
|
-
-moz-animation: pace-
|
48
|
-
-ms-animation: pace-
|
49
|
-
-o-animation: pace-
|
50
|
-
animation: pace-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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:
|
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
|
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
|
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:
|
107
|
-
left:
|
87
|
+
top: -5px;
|
88
|
+
left: -5px;
|
108
89
|
height: 60px;
|
109
90
|
width: 100px;
|
110
91
|
|
111
|
-
-webkit-transform: rotate(
|
112
|
-
|
113
|
-
|
114
|
-
|
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
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
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
|
-
|
139
|
-
|
140
|
-
|
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
|
156
|
-
0%
|
157
|
-
100%{ -webkit-transform: rotate(
|
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
|
-
@-
|
160
|
-
0%
|
161
|
-
100%{ -
|
123
|
+
@-o-keyframes pace-theme-center-atom-spin {
|
124
|
+
0% { -o-transform: rotate(0deg) }
|
125
|
+
100% { -o-transform: rotate(359deg) }
|
162
126
|
}
|
163
|
-
|
164
|
-
0%
|
165
|
-
100%{
|
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:
|
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-
|
50
|
-
-moz-animation: pace-
|
51
|
-
-ms-animation: pace-
|
52
|
-
-o-animation: pace-
|
53
|
-
animation: pace-
|
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-
|
68
|
-
from {
|
69
|
-
|
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-
|
77
|
-
from {
|
78
|
-
|
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-
|
86
|
-
from {
|
87
|
-
|
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-
|
95
|
-
from {
|
96
|
-
|
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-
|
104
|
-
from {
|
105
|
-
|
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
|
-
|
38
|
-
|
39
|
-
|
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
|
-
|
47
|
-
|
42
|
+
top: 0;
|
43
|
+
right: 100%;
|
48
44
|
height: 100%;
|
49
|
-
|
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-
|
49
|
-
animation: pace-
|
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-
|
60
|
-
animation: pace-
|
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-
|
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-
|
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.
|
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
|
-
|
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
|
-
|
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
|
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:
|
32
|
-
|
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:
|
44
|
-
-moz-border-radius:
|
45
|
-
border-radius:
|
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
|
-
|
66
|
-
|
67
|
-
|
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:
|
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: #
|
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
|
-
|
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
|
31
|
-
-moz-box-shadow: inset -1px 0
|
32
|
-
-o-box-shadow: inset -1px 0
|
33
|
-
box-shadow: inset -1px 0
|
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-
|
42
|
-
position:
|
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:
|
49
|
-
background-image:
|
50
|
-
background-image:
|
51
|
-
background-image: radial-gradient(rgba(
|
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-
|
60
|
-
-moz-animation: pace-
|
61
|
-
-ms-animation: pace-
|
62
|
-
-o-animation: pace-
|
63
|
-
animation: pace-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
|
2
|
-
|
3
|
-
|
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-
|
11
|
-
-moz-
|
12
|
-
-
|
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.
|
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:
|
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
|
-
}
|