Add new retro theme & fix touch input problem
This commit is contained in:
24
style.css
24
style.css
@@ -212,11 +212,29 @@ body {
|
||||
|
||||
#score {
|
||||
font-weight: 900;
|
||||
bottom: 0;
|
||||
bottom: initial;
|
||||
top: 2.5vh;
|
||||
font-size: 5vh;
|
||||
}
|
||||
|
||||
#score.update {
|
||||
animation: scoreUpdate .5s;
|
||||
}
|
||||
|
||||
@keyframes scoreUpdate {
|
||||
0% {
|
||||
transform: translateX(-50%) scale(1);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translateX(-50%) scale(1.5);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateX(-50%) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
#time:before, #score:before {
|
||||
content: attr(data-prefix);
|
||||
}
|
||||
@@ -230,6 +248,10 @@ body {
|
||||
max-width: 20vw;
|
||||
}
|
||||
|
||||
.game-over #score {
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
#footer {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
|
Reference in New Issue
Block a user