pace-rails 0.1.0 → 0.1.1
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 +36 -39
- data/lib/pace/rails/version.rb +1 -1
- data/vendor/assets/javascripts/pace/pace.js +9 -3
- metadata +3 -19
- data/app/assets/javascripts/pace/pace.js +0 -915
- data/app/assets/stylesheets/pace/pace-theme-barber-shop.css +0 -72
- data/app/assets/stylesheets/pace/pace-theme-big-counter.css +0 -35
- data/app/assets/stylesheets/pace/pace-theme-bounce.css +0 -231
- data/app/assets/stylesheets/pace/pace-theme-center-atom.css +0 -170
- data/app/assets/stylesheets/pace/pace-theme-center-circle.css +0 -110
- data/app/assets/stylesheets/pace/pace-theme-center-radar.css +0 -71
- data/app/assets/stylesheets/pace/pace-theme-center-simple.css +0 -54
- data/app/assets/stylesheets/pace/pace-theme-corner-indicator.css +0 -70
- data/app/assets/stylesheets/pace/pace-theme-fill-left.css +0 -22
- data/app/assets/stylesheets/pace/pace-theme-flash.css +0 -81
- data/app/assets/stylesheets/pace/pace-theme-flat-top.css +0 -33
- data/app/assets/stylesheets/pace/pace-theme-loading-bar.css +0 -83
- data/app/assets/stylesheets/pace/pace-theme-mac-osx.css +0 -85
- data/app/assets/stylesheets/pace/pace-theme-minimal.css +0 -18
@@ -1,110 +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
|
-
|
6
|
-
-webkit-user-select: none;
|
7
|
-
-moz-user-select: none;
|
8
|
-
user-select: none;
|
9
|
-
|
10
|
-
-webkit-perspective: 12rem;
|
11
|
-
-moz-perspective: 12rem;
|
12
|
-
-ms-perspective: 12rem;
|
13
|
-
-o-perspective: 12rem;
|
14
|
-
perspective: 12rem;
|
15
|
-
|
16
|
-
z-index: 2000;
|
17
|
-
position: fixed;
|
18
|
-
height: 6rem;
|
19
|
-
width: 6rem;
|
20
|
-
margin: auto;
|
21
|
-
top: 0;
|
22
|
-
left: 0;
|
23
|
-
right: 0;
|
24
|
-
bottom: 0;
|
25
|
-
}
|
26
|
-
|
27
|
-
.pace.pace-inactive .pace-progress {
|
28
|
-
display: none;
|
29
|
-
}
|
30
|
-
|
31
|
-
.pace .pace-progress {
|
32
|
-
position: fixed;
|
33
|
-
z-index: 2000;
|
34
|
-
display: block;
|
35
|
-
position: absolute;
|
36
|
-
left: 0;
|
37
|
-
top: 0;
|
38
|
-
height: 6rem;
|
39
|
-
width: 6rem !important;
|
40
|
-
line-height: 6rem;
|
41
|
-
font-size: 2rem;
|
42
|
-
border-radius: 50%;
|
43
|
-
background: rgba(34, 153, 221, 0.8);
|
44
|
-
color: #fff;
|
45
|
-
font-family: "Helvetica Neue", sans-serif;
|
46
|
-
font-weight: 100;
|
47
|
-
text-align: center;
|
48
|
-
|
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;
|
54
|
-
|
55
|
-
-webkit-transform-style: preserve-3d;
|
56
|
-
-moz-transform-style: preserve-3d;
|
57
|
-
-ms-transform-style: preserve-3d;
|
58
|
-
-o-transform-style: preserve-3d;
|
59
|
-
transform-style: preserve-3d;
|
60
|
-
}
|
61
|
-
|
62
|
-
.pace .pace-progress:after {
|
63
|
-
content: attr(data-progress-text);
|
64
|
-
display: block;
|
65
|
-
}
|
66
|
-
|
67
|
-
@-webkit-keyframes pace-3d-spinner {
|
68
|
-
from {
|
69
|
-
-webkit-transform: rotateY(0deg);
|
70
|
-
}
|
71
|
-
to {
|
72
|
-
-webkit-transform: rotateY(360deg);
|
73
|
-
}
|
74
|
-
}
|
75
|
-
|
76
|
-
@-moz-keyframes pace-3d-spinner {
|
77
|
-
from {
|
78
|
-
-moz-transform: rotateY(0deg);
|
79
|
-
}
|
80
|
-
to {
|
81
|
-
-moz-transform: rotateY(360deg);
|
82
|
-
}
|
83
|
-
}
|
84
|
-
|
85
|
-
@-ms-keyframes pace-3d-spinner {
|
86
|
-
from {
|
87
|
-
-ms-transform: rotateY(0deg);
|
88
|
-
}
|
89
|
-
to {
|
90
|
-
-ms-transform: rotateY(360deg);
|
91
|
-
}
|
92
|
-
}
|
93
|
-
|
94
|
-
@-o-keyframes pace-3d-spinner {
|
95
|
-
from {
|
96
|
-
-o-transform: rotateY(0deg);
|
97
|
-
}
|
98
|
-
to {
|
99
|
-
-o-transform: rotateY(360deg);
|
100
|
-
}
|
101
|
-
}
|
102
|
-
|
103
|
-
@keyframes pace-3d-spinner {
|
104
|
-
from {
|
105
|
-
transform: rotateY(0deg);
|
106
|
-
}
|
107
|
-
to {
|
108
|
-
transform: rotateY(360deg);
|
109
|
-
}
|
110
|
-
}
|
@@ -1,71 +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
|
-
|
6
|
-
z-index: 2000;
|
7
|
-
position: fixed;
|
8
|
-
height: 90px;
|
9
|
-
width: 90px;
|
10
|
-
margin: auto;
|
11
|
-
top: 0;
|
12
|
-
left: 0;
|
13
|
-
right: 0;
|
14
|
-
bottom: 0;
|
15
|
-
}
|
16
|
-
|
17
|
-
.pace.pace-inactive .pace-activity {
|
18
|
-
display: none;
|
19
|
-
}
|
20
|
-
|
21
|
-
.pace .pace-activity {
|
22
|
-
position: fixed;
|
23
|
-
z-index: 2000;
|
24
|
-
display: block;
|
25
|
-
position: absolute;
|
26
|
-
left: -30px;
|
27
|
-
top: -30px;
|
28
|
-
height: 90px;
|
29
|
-
width: 90px;
|
30
|
-
display: block;
|
31
|
-
border-width: 30px;
|
32
|
-
border-style: double;
|
33
|
-
border-color: #29d transparent transparent;
|
34
|
-
border-radius: 50%;
|
35
|
-
|
36
|
-
-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
|
-
}
|
41
|
-
|
42
|
-
.pace .pace-activity:before {
|
43
|
-
content: ' ';
|
44
|
-
position: absolute;
|
45
|
-
top: 10px;
|
46
|
-
left: 10px;
|
47
|
-
height: 50px;
|
48
|
-
width: 50px;
|
49
|
-
display: block;
|
50
|
-
border-width: 10px;
|
51
|
-
border-style: solid;
|
52
|
-
border-color: #29d transparent transparent;
|
53
|
-
border-radius: 50%;
|
54
|
-
}
|
55
|
-
|
56
|
-
|
57
|
-
@-webkit-keyframes spin {
|
58
|
-
100% { -webkit-transform: rotate(359deg); }
|
59
|
-
}
|
60
|
-
|
61
|
-
@-moz-keyframes spin {
|
62
|
-
100% { -moz-transform: rotate(359deg); }
|
63
|
-
}
|
64
|
-
|
65
|
-
@-o-keyframes spin {
|
66
|
-
100% { -moz-transform: rotate(359deg); }
|
67
|
-
}
|
68
|
-
|
69
|
-
@keyframes spin {
|
70
|
-
100% { transform: rotate(359deg); }
|
71
|
-
}
|
@@ -1,54 +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
|
-
z-index: 2000;
|
10
|
-
position: fixed;
|
11
|
-
margin: auto;
|
12
|
-
top: 0;
|
13
|
-
left: 0;
|
14
|
-
right: 0;
|
15
|
-
bottom: 0;
|
16
|
-
height: 5px;
|
17
|
-
width: 200px;
|
18
|
-
background: #fff;
|
19
|
-
border: 1px solid #29d;
|
20
|
-
}
|
21
|
-
|
22
|
-
.pace .pace-progress {
|
23
|
-
-webkit-box-sizing: border-box;
|
24
|
-
-moz-box-sizing: border-box;
|
25
|
-
-ms-box-sizing: border-box;
|
26
|
-
-o-box-sizing: border-box;
|
27
|
-
box-sizing: border-box;
|
28
|
-
|
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
|
-
-webkit-transform: translate3d(0, 0, 0);
|
36
|
-
-moz-transform: translate3d(0, 0, 0);
|
37
|
-
-ms-transform: translate3d(0, 0, 0);
|
38
|
-
-o-transform: translate3d(0, 0, 0);
|
39
|
-
transform: translate3d(0, 0, 0);
|
40
|
-
|
41
|
-
max-width: 200px;
|
42
|
-
position: fixed;
|
43
|
-
z-index: 2000;
|
44
|
-
display: block;
|
45
|
-
position: absolute;
|
46
|
-
left: 0px;
|
47
|
-
top: 0px;
|
48
|
-
height: 100%;
|
49
|
-
background: #29d;
|
50
|
-
}
|
51
|
-
|
52
|
-
.pace.pace-inactive {
|
53
|
-
display: none;
|
54
|
-
}
|
@@ -1,70 +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-activity {
|
11
|
-
display: block;
|
12
|
-
position: fixed;
|
13
|
-
z-index: 2000;
|
14
|
-
top: 0;
|
15
|
-
right: 0;
|
16
|
-
width: 300px;
|
17
|
-
height: 300px;
|
18
|
-
background: #29d;
|
19
|
-
-webkit-transition: -webkit-transform 0.3s;
|
20
|
-
transition: transform 0.3s;
|
21
|
-
-webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
|
22
|
-
transform: translateX(100%) translateY(-100%) rotate(45deg);
|
23
|
-
pointer-events: none;
|
24
|
-
}
|
25
|
-
|
26
|
-
.pace.pace-active .pace-activity {
|
27
|
-
-webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
|
28
|
-
transform: translateX(50%) translateY(-50%) rotate(45deg);
|
29
|
-
}
|
30
|
-
|
31
|
-
.pace .pace-activity::before,
|
32
|
-
.pace .pace-activity::after {
|
33
|
-
position: absolute;
|
34
|
-
bottom: 30px;
|
35
|
-
left: 50%;
|
36
|
-
display: block;
|
37
|
-
border: 5px solid #fff;
|
38
|
-
border-radius: 50%;
|
39
|
-
content: '';
|
40
|
-
}
|
41
|
-
|
42
|
-
.pace .pace-activity::before {
|
43
|
-
margin-left: -40px;
|
44
|
-
width: 80px;
|
45
|
-
height: 80px;
|
46
|
-
border-right-color: rgba(0, 0, 0, .2);
|
47
|
-
border-left-color: rgba(0, 0, 0, .2);
|
48
|
-
-webkit-animation: pace-rotation 3s linear infinite;
|
49
|
-
animation: pace-rotation 3s linear infinite;
|
50
|
-
}
|
51
|
-
|
52
|
-
.pace .pace-activity::after {
|
53
|
-
bottom: 50px;
|
54
|
-
margin-left: -20px;
|
55
|
-
width: 40px;
|
56
|
-
height: 40px;
|
57
|
-
border-top-color: rgba(0, 0, 0, .2);
|
58
|
-
border-bottom-color: rgba(0, 0, 0, .2);
|
59
|
-
-webkit-animation: pace-rotation 1s linear infinite;
|
60
|
-
animation: pace-rotation 1s linear infinite;
|
61
|
-
}
|
62
|
-
|
63
|
-
@-webkit-keyframes pace-rotation {
|
64
|
-
0% { -webkit-transform: rotate(0deg); }
|
65
|
-
100% { -webkit-transform: rotate(359deg); }
|
66
|
-
}
|
67
|
-
@keyframes pace-rotation {
|
68
|
-
0% { transform: rotate(0deg); }
|
69
|
-
100% { transform: rotate(359deg); }
|
70
|
-
}
|
@@ -1,22 +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
|
-
background-color: rgba(0, 0, 0, 0.19999999999999996);
|
12
|
-
position: fixed;
|
13
|
-
z-index: -1;
|
14
|
-
top: 0;
|
15
|
-
left: 0;
|
16
|
-
bottom: 0;
|
17
|
-
|
18
|
-
-webkit-transition: width 1s;
|
19
|
-
-moz-transition: width 1s;
|
20
|
-
-o-transition: width 1s;
|
21
|
-
transition: width 1s;
|
22
|
-
}
|
@@ -1,81 +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-inactive {
|
11
|
-
display: none;
|
12
|
-
}
|
13
|
-
|
14
|
-
.pace .pace-progress {
|
15
|
-
background: #29d;
|
16
|
-
position: fixed;
|
17
|
-
z-index: 2000;
|
18
|
-
top: 0;
|
19
|
-
left: 0;
|
20
|
-
height: 2px;
|
21
|
-
|
22
|
-
-webkit-transition: width 1s;
|
23
|
-
-moz-transition: width 1s;
|
24
|
-
-o-transition: width 1s;
|
25
|
-
transition: width 1s;
|
26
|
-
}
|
27
|
-
|
28
|
-
.pace .pace-progress-inner {
|
29
|
-
display: block;
|
30
|
-
position: absolute;
|
31
|
-
right: 0px;
|
32
|
-
width: 100px;
|
33
|
-
height: 100%;
|
34
|
-
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
35
|
-
opacity: 1.0;
|
36
|
-
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
37
|
-
-moz-transform: rotate(3deg) translate(0px, -4px);
|
38
|
-
-ms-transform: rotate(3deg) translate(0px, -4px);
|
39
|
-
-o-transform: rotate(3deg) translate(0px, -4px);
|
40
|
-
transform: rotate(3deg) translate(0px, -4px);
|
41
|
-
}
|
42
|
-
|
43
|
-
.pace .pace-activity {
|
44
|
-
display: block;
|
45
|
-
position: fixed;
|
46
|
-
z-index: 2000;
|
47
|
-
top: 15px;
|
48
|
-
right: 15px;
|
49
|
-
width: 14px;
|
50
|
-
height: 14px;
|
51
|
-
border: solid 2px transparent;
|
52
|
-
border-top-color: #29d;
|
53
|
-
border-left-color: #29d;
|
54
|
-
border-radius: 10px;
|
55
|
-
-webkit-animation: pace-spinner 400ms linear infinite;
|
56
|
-
-moz-animation: pace-spinner 400ms linear infinite;
|
57
|
-
-ms-animation: pace-spinner 400ms linear infinite;
|
58
|
-
-o-animation: pace-spinner 400ms linear infinite;
|
59
|
-
animation: pace-spinner 400ms linear infinite;
|
60
|
-
}
|
61
|
-
|
62
|
-
@-webkit-keyframes pace-spinner {
|
63
|
-
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
64
|
-
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
65
|
-
}
|
66
|
-
@-moz-keyframes pace-spinner {
|
67
|
-
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
68
|
-
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
69
|
-
}
|
70
|
-
@-o-keyframes pace-spinner {
|
71
|
-
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
72
|
-
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
73
|
-
}
|
74
|
-
@-ms-keyframes pace-spinner {
|
75
|
-
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
76
|
-
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
77
|
-
}
|
78
|
-
@keyframes pace-spinner {
|
79
|
-
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
80
|
-
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
81
|
-
}
|
@@ -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
|
-
}
|