aronmal/leaky-ships
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Reveal grid effect finished

Browse source
This commit is contained in:
aronmal 2022-10-24 23:56:11 +02:00
parent 38762533c5
commit cb8ad3c300
Signed by: aronmal
GPG key ID: 816B7707426FC612
4 changed files with 77 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/styles/home.scss
View file

@ -8,7 +8,7 @@
grid-template-rows: repeat(var(--rows), 1fr);
.tile {
background-color: var(--bg-color1);
background-color: var(--bg-color-1);
&.active {
animation: bright .3s forwards;
@ -19,18 +19,18 @@
@keyframes bright {
0% {
background-color: var(--bg-color1);
background-color: var(--bg-color-1);
}
50% {
background-color: var(--bg-color2);
background-color: var(--bg-color-2);
filter: brightness(130%);
outline: 1px solid white;
}
100% {
background-color: var(--bg-color2);
background-color: var(--bg-color-2);
}
}