Tweak line height
This commit is contained in:
+13
-13
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user