Adjust how max line width is set on lists and headings.
This commit is contained in:
parent
2a24277c90
commit
9e025a2b53
2 changed files with 13 additions and 21 deletions
|
|
@ -25,11 +25,6 @@ ul,
|
||||||
menu {
|
menu {
|
||||||
// Add vertical rhythm margins.
|
// Add vertical rhythm margins.
|
||||||
@include margin-block(1);
|
@include margin-block(1);
|
||||||
|
|
||||||
// Set max text line width in main for readability.
|
|
||||||
.main & {
|
|
||||||
max-width: var(--max-line-width);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
dd {
|
dd {
|
||||||
|
|
@ -57,6 +52,14 @@ menu {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
// Set max text line width in main for readability.
|
||||||
|
.main & {
|
||||||
|
max-width: var(--max-line-width);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Figures
|
// Figures
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,11 @@ h6,
|
||||||
font-family: var(--ff-headings);
|
font-family: var(--ff-headings);
|
||||||
font-weight: var(--fw-headings);
|
font-weight: var(--fw-headings);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--heading-line-height);
|
||||||
|
|
||||||
|
// Set max text line width in main for readability.
|
||||||
|
.main & {
|
||||||
|
max-width: var(--max-line-width);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
|
|
@ -51,19 +56,3 @@ h6,
|
||||||
%h6 {
|
%h6 {
|
||||||
font-size: var(--fs-xs);
|
font-size: var(--fs-xs);
|
||||||
}
|
}
|
||||||
|
|
||||||
h2,
|
|
||||||
%h2,
|
|
||||||
h3,
|
|
||||||
%h3,
|
|
||||||
h4,
|
|
||||||
%h4,
|
|
||||||
h5,
|
|
||||||
%h5,
|
|
||||||
h6,
|
|
||||||
%h6 {
|
|
||||||
// Set max text line width in main for readability.
|
|
||||||
.main & {
|
|
||||||
max-width: var(--max-line-width);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue