1- .pace .pace-inactive {
1+ .pace .pace-inactive {
22 display : none;
33}
44
2929}
3030
3131.pace .pace-progress : before {
32- content : attr (data-progress-text);
33- text-align : center;
34- color : # fff ;
35- background : `args.color || "#29d" `;
36- bor der- radius: 50%;
37- font- family: "Helvetica Neue" , sans-serif ;
38- font- size: 14px;
39- font- weight: 100;
40- line-height: 1;
41- padding: 20% 0 7px;
42- width: 50%;
43- height: 40%;
44- margin: 10px 0 0 30px;
45- dis play: block;
46- z- index: 999;
47- position: absolute;
48- }
32+ content : attr (data-progress-text);
33+ text-align : center;
34+ color : # fff ;
35+ background : `args.color || "#29d" `;
36+ bor der- radius: 50%;
37+ font- family: "Helvetica Neue" , sans-serif ;
38+ font- size: 14px;
39+ font- weight: 100;
40+ line-height: 1;
41+ padding: 20% 0 7px;
42+ width: 50%;
43+ height: 40%;
44+ margin: 10px 0 0 30px;
45+ dis play: block;
46+ z- index: 999;
47+ position: absolute;
48+ }
4949
5050.pace .pace-progress : after {
51- border-radius : 50% ;
52- border : 5px solid `args.color || "#29d" `;
53- content: ' ' ;
54- dis play: block;
55- position: absolute;
56- to p: 0;
57- left: 0;
58- height: 60px;
59- width: 100px;
60-
61- - webkit- transfor m: rotate(90deg);
62- - moz- transfor m: rotate(90deg);
63- - o- transfor m: rotate(90deg);
64- transfor m: rotate(90deg);
65- - webkit- animation: spin-3 2s linear infinite;
66- - moz- animation: spin-3 2s linear infinite;
67- - o- animation: spin-3 2s linear infinite;
68- animation: spin-3 2s linear infinite;
69- }
51+ border-radius : 50% ;
52+ border : 5px solid `args.color || "#29d" `;
53+ content: ' ' ;
54+ dis play: block;
55+ position: absolute;
56+ to p: 0;
57+ left: 0;
58+ height: 60px;
59+ width: 100px;
60+
61+ - webkit- transfor m: rotate(90deg);
62+ - moz- transfor m: rotate(90deg);
63+ - o- transfor m: rotate(90deg);
64+ transfor m: rotate(90deg);
65+ - webkit- animation: spin-3 2s linear infinite;
66+ - moz- animation: spin-3 2s linear infinite;
67+ - o- animation: spin-3 2s linear infinite;
68+ animation: spin-3 2s linear infinite;
69+ }
7070
7171.pace .pace-activity {
7272 font-size : 15px ;
8080}
8181
8282.pace .pace-activity : before {
83- border-radius : 50% ;
84- border : 5px solid `args.color || "#29d" `;
85- content: ' ' ;
86- dis play: block;
87- position: absolute;
88- to p: 0;
89- left: 0;
90- height: 60px;
91- width: 100px;
92-
93- - webkit- animation: spin-1 2s linear infinite;
94- - moz- animation: spin-1 2s linear infinite;
95- - o- animation: spin-1 2s linear infinite;
96- animation: spin-1 2s linear infinite;
83+ border-radius : 50% ;
84+ border : 5px solid `args.color || "#29d" `;
85+ content: ' ' ;
86+ dis play: block;
87+ position: absolute;
88+ to p: 0;
89+ left: 0;
90+ height: 60px;
91+ width: 100px;
92+
93+ - webkit- animation: spin-1 2s linear infinite;
94+ - moz- animation: spin-1 2s linear infinite;
95+ - o- animation: spin-1 2s linear infinite;
96+ animation: spin-1 2s linear infinite;
9797}
9898
9999.pace .pace-activity : after {
100- border-radius : 50% ;
101- border : 5px solid `args.color || "#29d" `;
102- content: ' ' ;
103- dis play: block;
104- position: absolute;
105- to p: 0;
106- left: 0;
107- height: 60px;
108- width: 100px;
109-
110- - webkit- transfor m: rotate(45deg);
111- - moz- transfor m: rotate(45deg);
112- - o- transfor m: rotate(45deg);
113- transfor m: rotate(45deg);
114- - webkit- animation: spin-2 2s linear infinite;
115- - moz- animation: spin-2 2s linear infinite;
116- - o- animation: spin-2 2s linear infinite;
117- animation: spin-2 2s linear infinite;
118-
119- }
100+ border-radius : 50% ;
101+ border : 5px solid `args.color || "#29d" `;
102+ content: ' ' ;
103+ dis play: block;
104+ position: absolute;
105+ to p: 0;
106+ left: 0;
107+ height: 60px;
108+ width: 100px;
109+
110+ - webkit- transfor m: rotate(45deg);
111+ - moz- transfor m: rotate(45deg);
112+ - o- transfor m: rotate(45deg);
113+ transfor m: rotate(45deg);
114+ - webkit- animation: spin-2 2s linear infinite;
115+ - moz- animation: spin-2 2s linear infinite;
116+ - o- animation: spin-2 2s linear infinite;
117+ animation: spin-2 2s linear infinite;
118+ }
120119
121120@-webkit-keyframes spin-1 {
122121 0% { -webkit-transform : rotate (0deg ); }
150149@keyframes spin-2 {
151150 0% { transform : rotate (59.8deg ); }
152151 100% { transform : rotate (418.8deg );}
153- }
152+ }
154153
155154@-webkit-keyframes spin-3 {
156155 0% { -webkit-transform : rotate (119.6deg ); }
167166@keyframes spin-3 {
168167 0% { transform : rotate (119.6deg ); }
169168 100% { transform : rotate (478.6deg );}
170- }
171-
169+ }
0 commit comments