From 30192588e62a07a04beb4c6799ab5d8b30c52954 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Thu, 29 Apr 2021 12:03:39 +0200
Subject: [PATCH] =?UTF-8?q?styles=20for=20l=C3=A1ntas=20script=20stuff?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 style/page.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/style/page.css b/style/page.css
index 00ee766..a1dbfe3 100644
--- a/style/page.css
+++ b/style/page.css
@@ -125,6 +125,7 @@ pre {
 
 .ipa, .lang, .ebnf-t {
   font-family: var(--ipa-font);
+  letter-spacing: 0.025em;
 
   font-feature-settings:
     "ccmp", "calt", "liga", "loca", "mark", "mkmk", "ss01";
@@ -146,6 +147,69 @@ pre {
   font-weight: 500;
 }
 
+.scr {
+  height: 1.5em;
+  vertical-align: -40%;
+  padding-right: 0.5ex;
+}
+
+.gloss .scr {
+  height: 2em;
+}
+
+:is(.splash, .example) .scr {
+  height: unset;
+  display: block;
+  margin: auto;
+}
+
+.example {
+  margin: auto;
+}
+
+.example .text {
+  display: block;
+  text-align: center;
+}
+
+
+.letter-list {
+  margin: 1.25em auto 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  width: 75%;
+  row-gap: 0.5em;
+  column-gap: 1.5em;
+}
+
+.letter-list + .letter-list {
+  margin-top: 2.5em;
+}
+
+.letter-list .lang {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.letter-list .scr {
+  height: 3em;
+  margin-left: 0.5em;
+}
+
+.letter-list .text {
+  font-size: 125%;
+}
+
+main nav {
+  text-align: center;
+  font-size: 125%;
+}
+
+
 #toc > h2 {
   font-size: 120%;
   font-weight: 300;