diff --git a/src/lib/Sidenote.svelte b/src/lib/Sidenote.svelte index 2058604..2048d32 100644 --- a/src/lib/Sidenote.svelte +++ b/src/lib/Sidenote.svelte @@ -43,6 +43,7 @@ position: relative; color: #555; font-size: var(--content-size-sm); + line-height: 1.25; hyphens: auto; // desktop display, this can't coexist with mobile styling diff --git a/src/styles/main.scss b/src/styles/main.scss index f29d66d..40ce68c 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -12,7 +12,7 @@ :root { --content-size: 1.25rem; --content-size-sm: 1rem; - // --content-line-height: 1.3; + --content-line-height: 1.4; --content-width: 52.5rem; --content-padding: 0.65rem; --content-color: #1e1e1e; @@ -26,7 +26,7 @@ body { font-family: 'Tajawal', sans-serif; font-size: var(--content-size); - // line-height: var(--content-line-height); + line-height: var(--content-line-height); letter-spacing: -0.005em; color: var(--content-color); }