From: Cameron Otsuka <cameron@otsuka.haus>
Date: Tue, 22 Jul 2025 20:40:28 +0000 (-0700)
Subject: set line height using calc
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=15274a9ffc6319f6fba6d854d73096c4b5cd218b;p=cotsuka.github.io

set line height using calc
---

diff --git a/src/styles/style.css b/src/styles/style.css
index 289203c..9b792fb 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -6,7 +6,6 @@ html {
   font-kerning: normal;
   font-weight: 400;
   font-size: 100%;
-  line-height: 1.1rem;
 }
 body {
   max-width: 45rem;
@@ -14,6 +13,7 @@ body {
   margin-right: auto;
   padding: 0.5rem 1rem;
   font-size: 1rem;
+  line-height: 1.6;
 }
 h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
@@ -32,7 +32,7 @@ a:hover {
   text-decoration: underline;
 }
 dl, menu, ol, ul {
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 }
 ul ul, ul ol, ul dl, ul menu,
 ol ul, ol ol, ol dl, ol menu,
@@ -45,7 +45,7 @@ img {
   height: auto;
 }
 dd {
-  margin-bottom: 0.2rem;
+  margin-bottom: 0.5rem;
   padding-left: 1.5rem;
 }
 blockquote {