diff --git a/css/old-school.css b/css/old-school.css index a3cb66c..87d7c72 100644 --- a/css/old-school.css +++ b/css/old-school.css @@ -1,5 +1,6 @@ :root { --cell-side: 20px; + --sprite-size: 40px; } @font-face { @@ -85,35 +86,37 @@ .mino { box-shadow: -2px -2px 5px rgba(0, 0, 0, 40%), 1px 1px 2px rgba(0, 0, 0, 40%); - background-size: 100%; + background-size: cover; + background-image: url("old-school/sprites.png"); + background-position: calc(var(--sprite-pos) * var(--sprite-size)) 0px; } .I.mino { - background-image: url("old-school/I-mino.png") + --sprite-pos: 0; } .J.mino { - background-image: url("old-school/J-mino.png") + --sprite-pos: 1; } .L.mino { - background-image: url("old-school/L-mino.png") + --sprite-pos: 2; } .O.mino { - background-image: url("old-school/O-mino.png") + --sprite-pos: 3; } .S.mino { - background-image: url("old-school/S-mino.png") + --sprite-pos: 4; } .T.mino { - background-image: url("old-school/T-mino.png") + --sprite-pos: 5; } .Z.mino { - background-image: url("old-school/Z-mino.png") + --sprite-pos: 6; } @keyframes blinker { diff --git a/css/old-school/I-mino.png b/css/old-school/I-mino.png deleted file mode 100644 index 62836ce..0000000 Binary files a/css/old-school/I-mino.png and /dev/null differ diff --git a/css/old-school/J-mino.png b/css/old-school/J-mino.png deleted file mode 100644 index f535c7e..0000000 Binary files a/css/old-school/J-mino.png and /dev/null differ diff --git a/css/old-school/L-mino.png b/css/old-school/L-mino.png deleted file mode 100644 index 0e5aab4..0000000 Binary files a/css/old-school/L-mino.png and /dev/null differ diff --git a/css/old-school/O-mino.png b/css/old-school/O-mino.png deleted file mode 100644 index 4d5f0ba..0000000 Binary files a/css/old-school/O-mino.png and /dev/null differ diff --git a/css/old-school/S-mino.png b/css/old-school/S-mino.png deleted file mode 100644 index 3e758f8..0000000 Binary files a/css/old-school/S-mino.png and /dev/null differ diff --git a/css/old-school/T-mino.png b/css/old-school/T-mino.png deleted file mode 100644 index bbf7492..0000000 Binary files a/css/old-school/T-mino.png and /dev/null differ diff --git a/css/old-school/Z-mino.png b/css/old-school/Z-mino.png deleted file mode 100644 index 3af07cc..0000000 Binary files a/css/old-school/Z-mino.png and /dev/null differ diff --git a/css/old-school/sprites.png b/css/old-school/sprites.png new file mode 100644 index 0000000..2febd1c Binary files /dev/null and b/css/old-school/sprites.png differ