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

pseudo 3d

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-03-01 21:29:10 +01:00
parent 9a2989616a
commit ea8dbff564
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
css/classic.css
View File

@@ -4,15 +4,15 @@
} }
tr.matrix td:not(.mino) { tr.matrix td:not(.mino) {
border-left: 1px solid #333; border-left: none;
border-right: 1px solid #333;
border-top: 2px solid #303030;
border-bottom: none; border-bottom: none;
} }
.mino { .mino {
--color: hsl(var(--hue), var(--saturation), 40%); --color: hsl(var(--hue), var(--saturation), 40%);
--light: hsl(var(--hue), calc(0.66 * var(--saturation)), 84%); --light: hsl(var(--hue), calc(0.66 * var(--saturation)), 84%);
--top: hsl(var(--hue), calc(0.6 * var(--saturation)), 68%);
--right: hsl(var(--hue), calc(0.4 * var(--saturation)), 20%);
background-color: var(--color); background-color: var(--color);
background-image: background-image:
radial-gradient( radial-gradient(
@@ -39,7 +39,9 @@ tr.matrix td:not(.mino) {
box-shadow: box-shadow:
inset 2px 0 4px rgba(0,0,0,.06), inset 2px 0 4px rgba(0,0,0,.06),
inset -2px 0 4px rgba(0,0,0,.12), inset -2px 0 4px rgba(0,0,0,.12),
0 -2px 0 var(--light); 0 -4px 0 var(--top),
2px -3px 0 var(--right),
3px 2px 6px #0004;
filter: saturate(1.1) contrast(1.05); filter: saturate(1.1) contrast(1.05);
} }