Reformat style.html

1 files changed, 22 insertions, 90 deletions

diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 90724c9..baa1c52 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -1,102 +1,34 @@
 <style>
-  /* 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);
-  --first-font-size: 1.06rem;
-  --second-font-size: 1rem;
+  --heading-base: 0.9rem;
+  --scale: 1.2;
 }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+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 */
-
+  margin: 1.5rem 0 0.5rem;
+  font-size: calc(var(--heading-base) * pow(var(--scale), var(--level)));
+}
+h1 { --level: 5; }
+h2 { --level: 4; }
+h3 { --level: 3; }
+h4 { --level: 2; }
+h5 { --level: 1; }
+h6 { --level: 0; }
 body {
-  font-size: var(--first-font-size);
-  font-family: monospace;
-  font-weight: 400;
-  line-height: 1.8;
+  font: 400 1.06rem/1.8 monospace;
   max-width: 740px;
   margin: 40px auto;
   padding: 0 20px;
 }
-
-pre {
-  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;
-}
-
-footer {
-    font-size: var(--second-font-size);
-    line-height: 1;
-}
-
+pre { padding: 12px; overflow-x: auto; }
+img { max-width: 100%; }
+a, a:visited, .title { color: #3f51b0; }
+a { box-shadow: inset 0 -1px #f0f0f0; text-decoration: none; }
+blockquote p { color: #343232; }
+hr { color: #f0f0f0; }
+article h1, h1.title { margin-bottom: 1rem; }
+article h1 { text-align: center; margin-bottom: 2rem; }
+footer { font-size: 1rem; line-height: 1; }
 </style>