Skip to content

Commit c758990

Browse files
committed
Bind on keyup
1 parent 7f2b99f commit c758990

4 files changed

Lines changed: 12 additions & 45 deletions

File tree

docs/themes/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -195,7 +195,7 @@ <h2>Themes</h2>
195195
}, 0);
196196
});
197197

198-
$color.change(function(){
198+
$color.on('change keyup', function(){
199199
updateColor($(this).val());
200200
});
201201

themes/pace-theme-big-counter.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,6 @@
2727
font-size: 5rem;
2828
line-height: 1;
2929
text-align: right;
30-
color: #444;
31-
color: rgba(0, 0, 0, 0.2);
30+
color: rgba(0, 0, 0, 0.19999999999999996);
31+
color: rgba(0, 0, 0, 0.19999999999999996);
3232
}

themes/pace-theme-bounce.css

Lines changed: 8 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,6 @@
1515
-webkit-transition: all 2s linear 0s;
1616
-moz-transition: all 2s linear 0s;
1717
transition: all 2s linear 0s;
18-
cursor: pointer;
1918
}
2019

2120
.pace.pace-active {
@@ -25,7 +24,6 @@
2524
-o-transform: scale(.25);
2625
transform: scale(.25);
2726
opacity: 1;
28-
cursor: pointer;
2927
}
3028

3129
.pace .pace-activity {
@@ -41,7 +39,6 @@
4139
-o-animation: pace-bounce 1s infinite;
4240
-ms-animation: pace-bounce 1s infinite;
4341
animation: pace-bounce 1s infinite;
44-
cursor: pointer;
4542
}
4643

4744
.pace .pace-progress {
@@ -61,11 +58,11 @@
6158
-ms-transform: scaleY(.3);
6259
-o-transform: scaleY(.3);
6360
transform: scaleY(.3);
64-
-webkit-animation: pace-compress 1s infinite;
65-
-moz-animation: pace-compress 1s infinite;
66-
-o-animation: pace-compress 1s infinite;
67-
-ms-animation: pace-compress 1s infinite;
68-
animation: pace-compress 1s infinite;
61+
-webkit-animation: pace-compress .5s infinite alternate;
62+
-moz-animation: pace-compress .5s infinite alternate;
63+
-o-animation: pace-compress .5s infinite alternate;
64+
-ms-animation: pace-compress .5s infinite alternate;
65+
animation: pace-compress .5s infinite alternate;
6966
}
7067

7168
@-webkit-keyframes pace-bounce {
@@ -175,7 +172,7 @@
175172
border-radius: 30px / 40px;
176173
-webkit-animation-timing-function: ease-in;
177174
}
178-
50% {
175+
100% {
179176
bottom: 30px;
180177
margin-left: -10px;
181178
width: 20px;
@@ -185,16 +182,6 @@
185182
border-radius: 20px / 20px;
186183
-webkit-animation-timing-function: ease-out;
187184
}
188-
100% {
189-
bottom: 0;
190-
margin-left: -30px;
191-
width: 60px;
192-
height: 75px;
193-
background: rgba(20, 20, 20, .1);
194-
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
195-
border-radius: 30px / 40px;
196-
-webkit-animation-timing-function: ease-in;
197-
}
198185
}
199186

200187
@-moz-keyframes pace-compress {
@@ -208,7 +195,7 @@
208195
border-radius: 30px / 40px;
209196
-moz-animation-timing-function: ease-in;
210197
}
211-
50% {
198+
100% {
212199
bottom: 30px;
213200
margin-left: -10px;
214201
width: 20px;
@@ -218,16 +205,6 @@
218205
border-radius: 20px / 20px;
219206
-moz-animation-timing-function: ease-out;
220207
}
221-
100% {
222-
bottom: 0;
223-
margin-left: -30px;
224-
width: 60px;
225-
height: 75px;
226-
background: rgba(20, 20, 20, .1);
227-
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
228-
border-radius: 30px / 40px;
229-
-moz-animation-timing-function: ease-in;
230-
}
231208
}
232209

233210
@keyframes pace-compress {
@@ -241,7 +218,7 @@
241218
border-radius: 30px / 40px;
242219
animation-timing-function: ease-in;
243220
}
244-
50% {
221+
100% {
245222
bottom: 30px;
246223
margin-left: -10px;
247224
width: 20px;
@@ -251,14 +228,4 @@
251228
border-radius: 20px / 20px;
252229
animation-timing-function: ease-out;
253230
}
254-
100% {
255-
bottom: 0;
256-
margin-left: -30px;
257-
width: 60px;
258-
height: 75px;
259-
background: rgba(20, 20, 20, .1);
260-
box-shadow: 0 0 20px 35px rgba(20, 20, 20, .1);
261-
border-radius: 30px / 40px;
262-
animation-timing-function: ease-in;
263-
}
264231
}

themes/pace-theme-fill-left.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
}
99

1010
.pace .pace-progress {
11-
background-color: rgba(0, 0, 0, 0.2);
11+
background-color: rgba(0, 0, 0, 0.19999999999999996);
1212
position: fixed;
1313
z-index: -1;
1414
top: 0;

0 commit comments

Comments
 (0)