adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

minimal cleared line

Browse Source
This commit is contained in:
Adrien MALINGREY
2023-11-13 08:53:28 +01:00
parent f8466cb27f
commit a13d97b550
3 changed files with 214 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
css/minimal.css
View File

@ -1,5 +1,5 @@
.card {
background: #363941;
background-color: #363941;
}
.minoes-table {
@ -27,7 +27,6 @@ tr.matrix td:not(.mino) {
}
.mino {
content: "";
background: var(--background-color);
width: inherit;
height: inherit;
@ -76,29 +75,31 @@ tr.matrix td:not(.mino) {
}
.moving.mino {
filter: saturate(80%) brightness(130%);
filter: saturate(80%) brightness(150%);
}
.locking.mino {
filter: saturate(50%) brightness(250%);
}
.locked.mino {
animation: locked-animation;
animation-duration: 0.2s;
}
@keyframes locked-animation {
from {
filter: saturate(50%) brightness(500%);
}
}
.locked.mino {
animation: locked-animation;
animation-duration: 0.2s;
}
@keyframes cleared-line-animation {
from {
background-color: #eeeeee;
box-shadow: 0 -6px 0 #DDDDDD;
}
to {
background-color: transparent;
background-color: #363941;
box-shadow: 0 -6px 0 #363941;
}
}