diff options
| author | Mischa Untaga <99098079+MischaU8@users.noreply.github.com> | 2023-10-26 21:53:11 +0200 |
|---|---|---|
| committer | Mischa Untaga <99098079+MischaU8@users.noreply.github.com> | 2023-10-26 21:53:11 +0200 |
| commit | 302e9796f9014ece8d15a37612b3ae1e34706ec8 (patch) | |
| tree | cb9cb00e4355e424cedd7b04f541da962bff0e55 /play.html | |
| parent | 2d6b685d34b8eecb729ab805ba7fda2a8783e5a2 (diff) | |
| download | algeria-302e9796f9014ece8d15a37612b3ae1e34706ec8.tar.gz | |
reduce stack expanse
Diffstat (limited to 'play.html')
| -rw-r--r-- | play.html | 36 |
1 files changed, 18 insertions, 18 deletions
@@ -165,15 +165,15 @@ main { background-color: dimgray } .stack.m > div:nth-child(8 of :not(.hide)) { left: calc(7 * 8px); top: calc(7 * 8px); } .stack.m > div:nth-child(9 of :not(.hide)) { left: calc(8 * 8px); top: calc(8 * 8px); } -.stack.m:hover > div:nth-child(1 of :not(.hide)) { left: calc(0 * 30px); top: calc(0 * 30px); } -.stack.m:hover > div:nth-child(2 of :not(.hide)) { left: calc(1 * 30px); top: calc(1 * 30px); } -.stack.m:hover > div:nth-child(3 of :not(.hide)) { left: calc(2 * 30px); top: calc(2 * 30px); } -.stack.m:hover > div:nth-child(4 of :not(.hide)) { left: calc(3 * 30px); top: calc(3 * 30px); } -.stack.m:hover > div:nth-child(5 of :not(.hide)) { left: calc(4 * 30px); top: calc(4 * 30px); } -.stack.m:hover > div:nth-child(6 of :not(.hide)) { left: calc(5 * 30px); top: calc(5 * 30px); } -.stack.m:hover > div:nth-child(7 of :not(.hide)) { left: calc(6 * 30px); top: calc(6 * 30px); } -.stack.m:hover > div:nth-child(8 of :not(.hide)) { left: calc(7 * 30px); top: calc(7 * 30px); } -.stack.m:hover > div:nth-child(9 of :not(.hide)) { left: calc(8 * 30px); top: calc(8 * 30px); } +.stack.m:hover > div:nth-child(1 of :not(.hide)) { left: calc(0 * 24px); top: calc(0 * 24px); } +.stack.m:hover > div:nth-child(2 of :not(.hide)) { left: calc(1 * 24px); top: calc(1 * 24px); } +.stack.m:hover > div:nth-child(3 of :not(.hide)) { left: calc(2 * 24px); top: calc(2 * 24px); } +.stack.m:hover > div:nth-child(4 of :not(.hide)) { left: calc(3 * 24px); top: calc(3 * 24px); } +.stack.m:hover > div:nth-child(5 of :not(.hide)) { left: calc(4 * 24px); top: calc(4 * 24px); } +.stack.m:hover > div:nth-child(6 of :not(.hide)) { left: calc(5 * 24px); top: calc(5 * 24px); } +.stack.m:hover > div:nth-child(7 of :not(.hide)) { left: calc(6 * 24px); top: calc(6 * 24px); } +.stack.m:hover > div:nth-child(8 of :not(.hide)) { left: calc(7 * 24px); top: calc(7 * 24px); } +.stack.m:hover > div:nth-child(9 of :not(.hide)) { left: calc(8 * 24px); top: calc(8 * 24px); } .stack > div:nth-child(1 of :not(.hide)) { left: calc(0 * 12px); top: calc(0 * -16px); } .stack > div:nth-child(2 of :not(.hide)) { left: calc(1 * 12px); top: calc(1 * -16px); } @@ -207,15 +207,15 @@ main { background-color: dimgray } .stack:not(:hover) > div:nth-last-child(n+5 of :not(.hide)) ~ div:nth-child(8 of :not(.hide)) { left: calc(7 * var(--stack-5-left)); top: calc(7 * var(--stack-5-top)); } .stack:not(:hover) > div:nth-last-child(n+5 of :not(.hide)) ~ div:nth-child(9 of :not(.hide)) { left: calc(8 * var(--stack-5-left)); top: calc(8 * var(--stack-5-top)); } -.stack:hover > div:nth-child(1 of :not(.hide)) { left: calc(0 * 30px); top: calc(0 * -30px); } -.stack:hover > div:nth-child(2 of :not(.hide)) { left: calc(1 * 30px); top: calc(1 * -30px); } -.stack:hover > div:nth-child(3 of :not(.hide)) { left: calc(2 * 30px); top: calc(2 * -30px); } -.stack:hover > div:nth-child(4 of :not(.hide)) { left: calc(3 * 30px); top: calc(3 * -30px); } -.stack:hover > div:nth-child(5 of :not(.hide)) { left: calc(4 * 30px); top: calc(4 * -30px); } -.stack:hover > div:nth-child(6 of :not(.hide)) { left: calc(5 * 30px); top: calc(5 * -30px); } -.stack:hover > div:nth-child(7 of :not(.hide)) { left: calc(6 * 30px); top: calc(6 * -30px); } -.stack:hover > div:nth-child(8 of :not(.hide)) { left: calc(7 * 30px); top: calc(7 * -30px); } -.stack:hover > div:nth-child(9 of :not(.hide)) { left: calc(8 * 30px); top: calc(8 * -30px); } +.stack:hover > div:nth-child(1 of :not(.hide)) { left: calc(0 * 24px); top: calc(0 * -24px); } +.stack:hover > div:nth-child(2 of :not(.hide)) { left: calc(1 * 24px); top: calc(1 * -24px); } +.stack:hover > div:nth-child(3 of :not(.hide)) { left: calc(2 * 24px); top: calc(2 * -24px); } +.stack:hover > div:nth-child(4 of :not(.hide)) { left: calc(3 * 24px); top: calc(3 * -24px); } +.stack:hover > div:nth-child(5 of :not(.hide)) { left: calc(4 * 24px); top: calc(4 * -24px); } +.stack:hover > div:nth-child(6 of :not(.hide)) { left: calc(5 * 24px); top: calc(5 * -24px); } +.stack:hover > div:nth-child(7 of :not(.hide)) { left: calc(6 * 24px); top: calc(6 * -24px); } +.stack:hover > div:nth-child(8 of :not(.hide)) { left: calc(7 * 24px); top: calc(7 * -24px); } +.stack:hover > div:nth-child(9 of :not(.hide)) { left: calc(8 * 24px); top: calc(8 * -24px); } #tracker div { box-sizing: border-box; |