Tweak title font size

1 files changed, 94 insertions, 20 deletions

diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 534cef9..333a047 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -1,22 +1,96 @@
 <style>
-	body { font: 1.06rem monospace, "Noto Serif CJK"; font-weight:
-	    400; line-height: 1.8; max-width: 740px; margin: 40px
-							     auto; padding: 0 20px;
-	     }
-
-	pre { border: 1px dashed #555; padding: 12px; overflow-x:
-		auto; }
-
-	img { max-width: 100%; }
-
-	a, a:visited, .title {
-	    color: #3f51b0;
-    	    box-shadow: inset 0 -1px #f0f0f0;
-	    text-decoration: none;
-	}
-
-	blockquote p {
-	    color: #5e5e5e;
-	    
-	}
+  /* Source: https://taxodium.ink/styles/main.css START*/
+
+:root {
+  --heading-base-size: 0.9rem;
+  --scale-minor-third: 1.2;
+  --typographic-scale: var(--scale-minor-third);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #272727;
+  line-height: 1.2;
+  font-weight: 700;
+  padding: 0;
+  margin-block: 1.5rem 0.5rem;
+  font-size: calc(
+    var(--heading-base-size) *
+      pow(var(--typographic-scale), var(--heading-level))
+  );
+}
+
+h1 {
+  --heading-level: 5;
+}
+h2 {
+  --heading-level: 4;
+}
+h3 {
+  --heading-level: 3;
+}
+h4 {
+  --heading-level: 2;
+}
+h5 {
+  --heading-level: 1;
+}
+h6 {
+  --heading-level: 0;
+}
+
+/* END */
+body {
+  font:
+    1.06rem monospace,
+    'Noto Serif CJK';
+  font-weight: 400;
+  line-height: 1.8;
+  max-width: 740px;
+  margin: 40px auto;
+  padding: 0 20px;
+}
+
+pre {
+  border: 1px dashed #555;
+  padding: 12px;
+  overflow-x: auto;
+}
+
+img {
+  max-width: 100%;
+}
+
+a,
+a:visited {
+  color: #3f51b0;
+  box-shadow: inset 0 -1px #f0f0f0;
+  text-decoration: none;
+}
+
+.title {
+  color: #3f51b0;
+}
+
+blockquote p {
+  color: #5e5e5e;
+}
+
+hr {
+  color: #f0f0f0;
+}
+
+article h1 {
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+h1.title {
+    margin-bottom: 1rem;
+}
+
 </style>