From 2f610f2b20d6556bfd8acb708ef3c8c05b61dfd6 Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Sun, 19 Jun 2022 18:09:41 +0200
Subject: [PATCH] system font advice + colors

---
 src/css/y.css | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/css/y.css b/src/css/y.css
index dfd1763..1a8fc6e 100644
--- a/src/css/y.css
+++ b/src/css/y.css
@@ -1,21 +1,19 @@
 html {
-    font-family: monospace;
-    font-size: large;
-    line-height: auto;
+    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+    font-size: normal;
+    line-height: 1.5;
 }
 #TOC {text-align: left;}
 html,body { margin: 0; padding: 0; border: 0; }
 .main { min-height: calc(100vh - 1em); }
 h1,h2,h3,h4,h5,h6 {
-    font-family: Courier, monospace;
     line-height: calc(1ex/0.42);
-    margin: calc(1ex/0.42) 0;
-    font-size: 1.5em;
-    padding: 1em 0; }
+    margin: 1rem 0; }
+#preamble > .content > h1 { margin: 0 0 1rem 0; }
 p { text-align: justify; hyphens: auto; }
 pre { overflow-x: scroll; padding: 1em; border-left: dotted 1px; }
 pre > code { background: none; font-size: 0.875em; padding: 0; }
-code,pre { font-family: Menlo, Monaco, monospace; font-size: 0.825em; }
+code,pre { font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; font-size: 0.825em; }
 code { padding: 1px 3px; }
 figure { margin: 1rem 0; padding: 0; }
 hr { opacity: 0.3; }
@@ -25,7 +23,8 @@ hr { opacity: 0.3; }
 .notes { border: dotted 1px; padding: 1em 2em;}
 .abstract { font-style: italic; }
 .post-title { display: inline-block; min-width: 18em; }
-.post-title > a { display: inline-block; padding: 0.5em 0; }
+.post-title > a { display: inline-block; padding: 0.5em; min-width: 100%; }
+
 #logo { display: block;
         vertical-align: middle;
         text-align: center;
@@ -72,11 +71,16 @@ nav { text-align: center; padding: 1em 0;  }
 pre { line-height: 1em; }
 figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
 #table-of-contents { text-align: left; }
-#toc { font-size: 0.875em; padding: 1rem; }
-#toc ul { padding-left: 2em; }
-#toc, blockquote, pre.example, .line-block { margin: 1rem; padding: 1rem; border-left: solid var(--gr); }
+#toc { font-size: 0.875em; }
+#toc ul { padding-left: 2rem; }
+#toc, blockquote, pre.example, .line-block { margin: 0 1rem; padding: 0 1rem; border-left: solid var(--gr); }
 .pubDate { display: inline-block; width: 7em; font-size: .825em; opacity: 0.4; }
 
+/* Fonts; https://systemfontstack.com */
+.sans { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; }
+.serif { font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
+.mono { font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; }
+
 /* COLORS */
 /* colortheme switch */
 :root {
@@ -90,7 +94,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
     --g: #879a00;
 
     --bg: #fff;
-    --fg: hsl(218,20%,35%);
+    --fg: hsl(218,20%,15%);
     --hl: #000;
     --soft: hsl(218,20%,85%);
     --gr: hsl(218,20%,95%);