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

update style on moving and locked

Browse Source
This commit is contained in:
Adrien MALINGREY
2023-06-16 00:23:08 +02:00
parent d615b6b72b
commit e6f238629a
4 changed files with 51 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
css/classic.css
View File

@ -81,6 +81,19 @@
border-bottom-color: #ad1936;
}
.ghost.mino {
background: rgba(0, 0, 0, 10%) !important;
border: 3px solid rgba(128, 128, 128, 25%) !important;
box-shadow: -2px -2px 6px rgba(128, 128, 128, 25%),
-2px 2px 6px rgba(128, 128, 128, 25%),
2px -2px 6px rgba(128, 128, 128, 25%),
2px 2px 6px rgba(128, 128, 128, 25%);
}
.moving.mino {
filter: saturate(80%) brightness(150%);
}
.locking.mino {
filter: saturate(50%) brightness(200%);
box-shadow: -1px -1px 4px rgba(128, 128, 128, 25%),
@ -89,11 +102,17 @@
1px 1px 4px rgba(128, 128, 128, 25%);
}
.ghost.mino {
background: rgba(0, 0, 0, 10%) !important;
border: 3px solid rgba(128, 128, 128, 25%) !important;
box-shadow: -2px -2px 6px rgba(128, 128, 128, 25%),
-2px 2px 6px rgba(128, 128, 128, 25%),
2px -2px 6px rgba(128, 128, 128, 25%),
2px 2px 6px rgba(128, 128, 128, 25%);
@keyframes locked-animation {
from {
filter: saturate(50%) brightness(400%);
box-shadow: -1px -1px 4px rgba(255, 255, 255, 25%),
-1px 1px 4px rgba(255, 255, 255, 25%),
1px -1px 4px rgba(255, 255, 255, 25%),
1px 1px 4px rgba(255, 255, 255, 25%);
}
}
.locked.mino {
animation: locked-animation;
animation-duration: 0.2s;
}