diff --git a/css/classic.css b/css/classic.css index 1a0f868..1456546 100644 --- a/css/classic.css +++ b/css/classic.css @@ -1,9 +1,7 @@ .minoes-table { filter: - drop-shadow(-.5px -.5px 0 white) - drop-shadow( .5px -.5px 0 white) - drop-shadow(-.5px .5px 0 white) - drop-shadow( .5px .5px 0 white); + drop-shadow(-1px -1px 0 white) + drop-shadow( 1px 1px 0 white); } .minoes-table tr { @@ -11,26 +9,17 @@ position: sticky; } -tr:not(.matrix) + tr.matrix td:not(.mino) { - border-top: none; -} - -tr.matrix td:not(.mino):last-of-type { - border-right: none; -} - tr.matrix td:not(.mino) { - border-top: 1px solid #30303003; - border-right: 1px solid #30303003; border-left: none; border-bottom: none; + border-right: 1px solid #30303003; + border-top: 1px solid #30303003; } .mino { --color: hsl(var(--hue), var(--saturation), 40%); --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-image: radial-gradient( @@ -57,10 +46,8 @@ tr.matrix td:not(.mino) { box-shadow: inset 2px 0 4px rgba(0,0,0,.06), inset -2px 0 4px rgba(0,0,0,.12), - 0 -4px 0 var(--top), - 2px -3px 0 var(--right); + 0 -4px 0 var(--top); filter: saturate(1.1) contrast(1.05); - z-index: 10; } .I { @@ -99,18 +86,17 @@ tr.matrix td:not(.mino) { } .ghost { - border: 3px solid #ffffff05; + border: 3px solid #fff1; padding: 2px; - background-color: #ffffff05; + background-color: #fff1; background-clip: content-box; background-image: none; box-shadow: none; } - @keyframes trail-animation { from { - background-color: #ceffff05; + background-color: #ceffff10; } to { background-color: transparent; @@ -119,12 +105,12 @@ tr.matrix td:not(.mino) { @keyframes cleared-line-animation { from { - background-color: #fff3; + background-color: #fff6; filter: saturate(50%) brightness(300%); - box-shadow: 0 0 0 #adb5bd33, 0 0 0 #adb5bd33; + box-shadow: 0 0 0 #adb5bd66, 0 0 0 #adb5bd66; } 60% { - box-shadow: -60px 0 2px #adb5bd17, 60px 0 2px #adb5bd17; + box-shadow: -60px 0 2px #adb5bd33, 60px 0 2px #adb5bd33; } to { background-color: transparent;