Highlight last move and legal mini-grids for current move

[lmno.games] / scribe / scribe.css

diff --git a/scribe/scribe.css b/scribe/scribe.css
index a3b5d2ce676aef8a3ac874157a8de68b2ec26ccd..aba532e04b0bd49f65ccb33163c96ab5d77187ba 100644 (file)
--- a/scribe/scribe.css
+++ b/scribe/scribe.css
@@ -53,6 +53,10 @@
     border: 3px solid #999;
 }
 
+.mini-grid.active {
+    border: 3px solid var(--accent-color-bright);
+}
+
 .square {
     display: flex;
     justify-content: center;
@@ -76,6 +80,10 @@
     background-color: var(--accent-color-bright);
 }
 
+.square.last-move {
+    color: var(--accent-color-bright);
+}
+
 .glyphs {
     padding-top: 0.5em;
     display: grid;
@@ -87,7 +95,6 @@
 .glyph-and-name {
     display: flex;
     flex-direction: column;
-    justify-content: center;
     align-items: center;
 }