fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +00:00
Code Issues Projects Releases Wiki Activity

CSS: back to old line height

Browse source 
Line height was too high before.
This commit is contained in:
Rohan Kumar 2021-01-28 11:00:47 -08:00
parent d3055b270e
commit a75c49d54a
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/css/main.css
View file

@ -1,6 +1,6 @@
/* CSS that adds the bare minimum for a simple layout */ /* CSS that adds the bare minimum for a simple layout */
/* This site's CSS only does 9 major things: /* This site's CSS only does 10 major things:
* 1. sans-serif instead of serif for low-res screens. * 1. sans-serif instead of serif for low-res screens.
* 2. Consistent font size; <pre> and <code> shouldn't be smaller. * 2. Consistent font size; <pre> and <code> shouldn't be smaller.
* 3. max text width for readability * 3. max text width for readability
@ -11,18 +11,25 @@
* 7. Horizontally center inline images; left-aligned stick out. * 7. Horizontally center inline images; left-aligned stick out.
* 8. Padding fixes so the above changes don't make elements misalign. * 8. Padding fixes so the above changes don't make elements misalign.
* 9. dark.css changes a few colors if the browser wants dark mode. * 9. dark.css changes a few colors if the browser wants dark mode.
* 10. Line height for consistent vertical rhythm
* Everything else is browser defaults: * Everything else is browser defaults:
* default fonts, non-dark-mode colors, etc. * default fonts, non-dark-mode colors, etc.
*/ */
body { body {
font: 16px sans-serif; font: 16px sans-serif;
line-height: 1.75rem; line-height: 1.5rem;
margin: auto; margin: auto;
max-width: 50rem; max-width: 50rem;
padding: 0 5%; padding: 0 5%;
} }
h1,
h2,
h3 {
line-height: 1.75rem;
}
nav ul { nav ul {
/* nav links should look more prominent than normal links */ /* nav links should look more prominent than normal links */
font-size: 1.25rem; font-size: 1.25rem;