From 302e9796f9014ece8d15a37612b3ae1e34706ec8 Mon Sep 17 00:00:00 2001
From: Mischa Untaga <99098079+MischaU8@users.noreply.github.com>
Date: Thu, 26 Oct 2023 21:53:11 +0200
Subject: reduce stack expanse

---
 play.html | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 7accadd..5724d7a 100644
--- a/play.html
+++ b/play.html
@@ -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;
-- 
cgit v1.2.3