From 2bc8f57fec98913b7ae6dbd84ce921284b36e92d Mon Sep 17 00:00:00 2001 From: Sadeep Madurange Date: Sat, 25 Oct 2025 21:25:25 +0800 Subject: Improve style. --- _site/assets/css/skeleton.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) (limited to '_site/assets/css/skeleton.css') diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css index ab259bb..5ba795c 100644 --- a/_site/assets/css/skeleton.css +++ b/_site/assets/css/skeleton.css @@ -121,16 +121,19 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 62.5%; } body { - font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ - line-height: 1.6; } + font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */ + line-height: 1.4; +} /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; - margin-bottom: 1rem; - font-weight: 300; } + margin-bottom: 2rem; + font-weight: 300; +} + h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; } h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; } @@ -141,7 +144,7 @@ h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } /* Larger than phablet */ @media (min-width: 550px) { h1 { font-size: 5.0rem; } - h2 { font-size: 2.6rem; } + h2 { font-size: 3.4rem; } h3 { font-size: 3.6rem; } h4 { font-size: 3.0rem; } h5 { font-size: 2.4rem; } @@ -299,7 +302,7 @@ ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { - margin-bottom: 1rem; } + margin-bottom: 0.6rem; } /* Code -- cgit v1.2.3