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) { tr.matrix td:not(.mino) {
border-left : 1px solid #222; border: 2px solid transparent;
border-right : 1px solid #222;
border-top : 1px solid #111;
border-bottom: 1px solid #111;
} }
.mino { .mino {
background: rgba(255, 255, 255, 25%); background: radial-gradient(rgba(0, 0, 0, 25%) 10%, var(--color) 150%);
border: 4px solid var(--color); border: 2px solid var(--color);
padding: 0; border-radius: 0;
outline: 1px solid #0006;
opacity: 100%; opacity: 100%;
border-radius: 2px;
filter: blur(1px);
box-shadow: 0 0 4px var(--color); box-shadow: 0 0 4px var(--color);
} }
@ -68,7 +68,7 @@ tr.matrix td:not(.mino) {
} }
.ghost.mino { .ghost.mino {
filter: brightness(150%) blur(2px); background: transparent;
opacity: 50%; opacity: 50%;
} }
@ -78,7 +78,6 @@ tr.matrix td:not(.mino) {
.locking.mino { .locking.mino {
--color: white; --color: white;
filter: blur(2px);
} }
@keyframes locked-animation { @keyframes locked-animation {
@ -92,14 +91,3 @@ tr.matrix td:not(.mino) {
animation: locked-animation; animation: locked-animation;
animation-duration: 0.2s; 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;
}
}