Tweak line height

This commit is contained in:
n_u
2026-07-18 15:12:09 -05:00
parent 49417dc4e9
commit 0c7b35ed2d
+13 -13
View File
@@ -93,7 +93,7 @@
--span-grid: 1 / span 12;
--color-metadata: var(--contrast-color);
--font-family-metadata: var(--font-family-ui);
--line-height-metadata: calc(var(--step--2) * 0.25 + var(--step--2));
--line-height-metadata: calc(var(--step--2) * 1.25);
--font-size-metadata: var(--step--2);
--letter-spacing-metadata: var(--wide-letter-spacing);
--text-transform-metadata: uppercase;
@@ -357,7 +357,7 @@ footer {
& p {
font-size: var(--step--1);
grid-column: var(--span-grid);
line-height: calc(var(--step--1) * 0.25 + var(--step--1));
line-height: calc(var(--step--1) * 1.25);
margin-bottom: 0;
}
& .webring {
@@ -381,7 +381,7 @@ h1 {
"wght" 400,
"SOFT" 20,
"WONK" 1;
line-height: calc(var(--step-5) * 0.25 + var(--step-5));
line-height: calc(var(--step-5) * 1.25);
padding-bottom: var(--space-l);
text-wrap: balance;
}
@@ -391,7 +391,7 @@ h2 {
font-size: var(--step-0);
font-variation-settings: "wght" 450;
letter-spacing: var(--wide-letter-spacing);
line-height: calc(var(--step-0) * 0.25 + var(--step-0));
line-height: calc(var(--step-0) * 1.25);
margin-block: 0 0.5lh;
text-transform: uppercase;
@@ -402,7 +402,7 @@ h3 {
font-size: var(--step--1);
font-variation-settings: "wght" 700;
letter-spacing: var(--wide-letter-spacing);
line-height: calc(var(--step--1) * 0.5 + var(--step--1));
line-height: calc(var(--step--1) * 1.5);
text-transform: uppercase;
text-wrap: pretty;
&::before {
@@ -416,7 +416,7 @@ h4 {
font-size: var(--step--2);
font-variation-settings: "wght" 600;
letter-spacing: var(--wide-letter-spacing);
line-height: calc(var(--step--2) * 0.5 + var(--step--2));
line-height: calc(var(--step--2) * 1.5);
text-transform: uppercase;
text-wrap: pretty;
}
@@ -427,7 +427,7 @@ ul:not(.taglist) {
color: var(--contrast-color);
}
& li {
line-height: calc(var(--step-1) * 0.5 + var(--step-1));
line-height: calc(var(--step-1) * 1.5);
padding-left: 0.5em;
}
}
@@ -457,7 +457,7 @@ p:not(.quizQuestion, .isso-input-wrapper) {
p,
li {
font-size: var(--step-0);
line-height: calc(var(--step-0) * 0.5 + var(--step-0));
line-height: calc(var(--step-0) * 1.5);
text-wrap: pretty;
}
figure {
@@ -600,7 +600,7 @@ thead tr th:last-child {
> li,
> li > p {
font-size: var(--step--1);
line-height: calc(var(--step--1) * 0.25 + var(--step--1));
line-height: calc(var(--step--1) * 1.5);
}
}
.footnote-item::marker {
@@ -640,6 +640,7 @@ article > .post-image,
.post-synopsis {
font-size: var(--step-1);
line-height: calc(var(--step-1) * 1.5);
}
.post-time-author,
@@ -707,7 +708,7 @@ article > .post-image,
font-family: var(--font-family-ui);
font-size: var(--step--2);
font-variation-settings: "wght" 400;
line-height: calc(var(--step--2) * 0.25 + var(--step--2));
line-height: calc(var(--step--2) * 1.5);
}
}
@@ -842,7 +843,7 @@ sup {
font-size: var(--step--1);
font-variation-settings: "wght" 700;
letter-spacing: var(--wide-letter-spacing);
line-height: calc(var(--step--1) * 0.5 + var(--step--1));
line-height: calc(var(--step--1) * 1.5);
text-transform: uppercase;
&:before {
content: "";
@@ -890,7 +891,7 @@ h3.postlist-link {
font-size: var(--step--1);
font-variation-settings: "wght" 700;
letter-spacing: var(--wide-letter-spacing);
line-height: calc(var(--step--1) * 0.5 + var(--step--1));
line-height: calc(var(--step--1) * 1.5);
text-transform: uppercase;
}
@@ -1094,7 +1095,6 @@ ul.taglist {
}
}
@container (width < 540px) {
.footerContainer {
& p {