area markers

1 files changed, 15 insertions, 0 deletions

diff --git a/play.html b/play.html
index e132261..63b1c8e 100644
--- a/play.html
+++ b/play.html
@@ -66,6 +66,14 @@ main { background-color: dimgray }
   grid-template-columns: repeat(8, 36px);
 }
 
+.stack.m:hover {
+  grid-template-columns: repeat(8, 34px);
+}
+
+.stack.s:hover {
+  grid-template-columns: repeat(8, 24px);
+}
+
 .stack:hover div {
   z-index: 100;
 }
@@ -101,6 +109,12 @@ main { background-color: dimgray }
 	border-width: 4px;
 }
 
+.counter.s {
+	width: 26px;
+	height: 26px;
+	border-width: 1px;
+}
+
 /* #mapwrap.fit .counter {
 	background-image: url(counters-simple.svg);
 } */
@@ -244,6 +258,7 @@ main { background-color: dimgray }
 <div id="drm"></div>
 
 <div id="areas"></div>
+<div id="area_markers"></div>
 <div id="boxes"></div>
 
 <div id="markers">