diff options
| author | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 21:25:25 +0800 |
|---|---|---|
| committer | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-26 08:40:31 +0800 |
| commit | 2bc8f57fec98913b7ae6dbd84ce921284b36e92d (patch) | |
| tree | aa17fea8a90dc1af63541e105def54260f6b7a5d /_site/assets/css/skeleton.css | |
| parent | fad35e21d2bf8a2e1398e83887bb779a28e60ee6 (diff) | |
| download | www-2bc8f57fec98913b7ae6dbd84ce921284b36e92d.tar.gz | |
Improve style.
Diffstat (limited to '_site/assets/css/skeleton.css')
| -rw-r--r-- | _site/assets/css/skeleton.css | 15 |
1 files changed, 9 insertions, 6 deletions
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 |