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

new Pop theme

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-12-18 01:24:57 +01:00
parent 095e3f8dbe
commit 6c1291833d
1 changed files with 10 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
css/pop.css
View File

@ -22,20 +22,20 @@ body[data-bs-theme="dark"] {
}
}
#matrixTable {
border-spacing: 1px;
}
tr.matrix td:not(.mino) {
border-left : 1px solid #222;
border-right : 1px solid #222;
border-top : 1px solid #111;
border-bottom: 1px solid #111;
border: 2px solid transparent;
}
.mino {
background: rgba(255, 255, 255, 25%);
border: 4px solid var(--color);
padding: 0;
background: radial-gradient(rgba(0, 0, 0, 25%) 10%, var(--color) 150%);
border: 2px solid var(--color);
border-radius: 0;
outline: 1px solid #0006;
opacity: 100%;
border-radius: 2px;
filter: blur(1px);
box-shadow: 0 0 4px var(--color);
}
@ -68,7 +68,7 @@ tr.matrix td:not(.mino) {
}
.ghost.mino {
filter: brightness(150%) blur(2px);
background: transparent;
opacity: 50%;
}
@ -78,7 +78,6 @@ tr.matrix td:not(.mino) {
.locking.mino {
--color: white;
filter: blur(2px);
}
@keyframes locked-animation {
@ -91,15 +90,4 @@ tr.matrix td:not(.mino) {
.locked.mino {
animation: locked-animation;
animation-duration: 0.2s;
}
@keyframes cleared-line-animation {
from {
background-color: rgb(206, 255, 255, 40%);
filter: saturate(50%) brightness(300%);
box-shadow: -200px 0 10px white, 200px 0 10px white;
}
to {
box-shadow: -200px 0 50px transparent, 200px 0 50px transparent;
}
}