From d5635e946e9df6f519ec8cf08cebfc35dbe6c788 Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Tue, 15 Aug 2023 14:57:32 +0200
Subject: Add a post on ‘mmv’
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/style.css | 36 ++++++++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 10 deletions(-)

(limited to 'src/style.css')

diff --git a/src/style.css b/src/style.css
index 30e895d..ea9dc56 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,6 +7,7 @@
 	--accent: #DE935F;
 	--lesser: #969896;
 	--green: #B5BD68;
+	--aqua: #8ABEB7;
 	--blue: #81A2BE;
 	--red: #C66;
 }
@@ -26,7 +27,7 @@ body > * { grid-column: 2; }
 
 pre, code, kbd, samp {
 	font-family: var(--mono);
-	font-size: 0.8rem;
+	font-size: 0.9rem;
 	color: var(--accent);
 	overflow-wrap: none;
 }
@@ -37,7 +38,8 @@ h1 {
 	font-size: 1.8rem;
 	margin-bottom: 0;
 }
-h2 { font-size: 1.2rem; }
+h2                 { font-size: 1.2rem; }
+:is(h1, h2) > code { font-size: 1em;    }
 
 a       { color: var(--accent);  }
 a:hover { text-decoration: none; }
@@ -107,12 +109,14 @@ figure > pre > code::before {
 	background-color: var(--bg);
 }
 
-figure > img {
+figure > :where(img, object) {
 	display: block;
 	margin: 16px auto;
-	width: 50%;
 }
 
+figure > img    { width: 50%;  }
+figure > object { width: 100%; }
+
 header > div {
 	display: flex;
 	justify-content: space-between;
@@ -125,10 +129,21 @@ header > div menu {
 }
 header > div li { list-style: none; }
 
-.c-cmt     { color: var(--lesser); }
-.c-fn      { color: var(--accent); }
-.c-kw      { color: var(--green);  }
-.c-pp      { color: var(--blue);   }
+p { margin-top: 0; }
+
+dl {
+	display: grid;
+	grid-template-columns: max-content auto;
+}
+
+.c-cmt, .sh-cmt { color: var(--lesser); font-style: italic; }
+        .sh-var { color: var(--blue);   font-style: italic; }
+.c-fn,  .sh-fn  { color: var(--accent); }
+.c-kw,  .sh-kw  { color: var(--green);  }
+.c-pp           { color: var(--blue);   }
+        .sh-str { color: var(--aqua);   }
+	.sh-hd  { color: var(--aqua);   }
+
 .diff-ins  { color: var(--green);  }
 .diff-del  { color: var(--red);    }
 .diff-loc  { color: var(--lesser); }
@@ -136,10 +151,10 @@ header > div li { list-style: none; }
 
 @media (min-width: 40em) {
 	body {
-		font-size: 1.2rem;
+		font-size: 1.3rem;
 		line-height: 1.5;
 	}
-	pre, code, kbd, samp { font-size: 1rem; }
+	pre, code, kbd, samp { font-size: 1.2rem; }
 	h1 { font-size: 3rem;   }
 	h2 { font-size: 2.5rem; }
 
@@ -178,6 +193,7 @@ header > div li { list-style: none; }
 
 	abbr.cpu::before  { content: 'Central Processing Unit';   }
 	abbr.ec::before   { content: 'Embedded Controller';       }
+	abbr.gnu::before  { content: 'GNU’s Not UNIX';            }
 	abbr.html::before { content: 'Hypertext Markup Language'; }
 	abbr.led::before  { content: 'Light-Emitting Diode';      }
 	abbr.rgb::before  { content: 'Red Green Blue';            }
-- 
cgit v1.2.3