From 2a04d9bb0e7017ebfaa5071ee5f7004b4b44be32 Mon Sep 17 00:00:00 2001
From: Robert Günzler <r@gnzler.io>
Date: Sat, 19 Oct 2024 18:51:11 +0200
Subject: set more elaborate typography styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Robert Günzler <r@gnzler.io>
---
 links/main.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 58 insertions(+), 7 deletions(-)

(limited to 'links')

diff --git a/links/main.css b/links/main.css
index f54e630..126a106 100644
--- a/links/main.css
+++ b/links/main.css
@@ -10,13 +10,6 @@
   --body-line-height: 1.3;
 
   color-scheme: light dark;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: justify;
-  text-justify: inter-word;
 }
 
 ::selection {
@@ -576,3 +569,61 @@ ul.nobull li {
     width: 100%;
   }
 }
+
+/* typography */
+
+:root {
+  --vf-grad: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --vf-grad: -50;
+  }
+}
+
+html {
+  font-synthesis: none;
+  font-variation-settings: "GRAD" var(--vf-grad, 0);
+
+  text-size-adjust: none;
+  -moz-text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+
+  text-align: justify;
+  text-justify: inter-word;
+  text-decoration-skip-ink: auto;
+}
+
+main {
+  margin-block-start: var(--body-spacing);
+}
+
+main pre,
+main code,
+main var,
+main samp,
+main kbd,
+main h1,
+main h2,
+main h3,
+main h4,
+main h5,
+main h6 {
+  -webkit-hyphens: manual;
+  hyphens: manual;
+}
+
+h1 {
+  font-variant-numeric: lining-nums;
+  font-variant-ligatures: discretionary-ligatures;
+}
+
+td,
+math,
+time[datetime*=":"] {
+  font-variant-numeric: tabular-nums lining-nums slashed-zero;
+}
-- 
cgit 1.4.1