Add a reference diagram of the 19 glyphs of Scribe

[lmno.games] / scribe / scribe.css

diff --git a/scribe/scribe.css b/scribe/scribe.css
index 6b1e5a642a54d2d582bfee477a5ac884371dcbdd..c3852b1c2790e2436bbe89d01a2beae19de4272e 100644 (file)
--- a/scribe/scribe.css
+++ b/scribe/scribe.css
@@ -75,3 +75,23 @@
 .square.open:hover {
     background-color: var(--accent-color-bright);
 }
 .square.open:hover {
     background-color: var(--accent-color-bright);
 }

+
+.glyphs {
+    padding-top: 0.5em;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+    grid-column-gap: 0.5em;
+    grid-row-gap: 0.25em;
+}
+
+.glyph-and-name {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.glyph {
+    width: 8vw;
+    height: 8vw;
+}