reduce stack expanse

1 files changed, 18 insertions, 18 deletions

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;