Add new retro theme & fix touch input problem

This commit is contained in:
Marcel
2018-02-18 12:45:54 +01:00
parent a289edaae9
commit d5cd080aba
9 changed files with 122 additions and 35 deletions

View File

@@ -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;