Remove content div wrappers. Use grid template columns for main to support stretch and breakout classes.

This commit is contained in:
Fredrik Jonsson 2023-11-10 14:52:09 +01:00
commit 4bb4c9dec1
3 changed files with 169 additions and 172 deletions

View file

@ -5,11 +5,6 @@
form {
// Add vertical rhythm margins.
@include margin-block(1);
// Set max text line width in main for readability.
.main & {
max-width: var(--max-line-width);
}
}
input,
@ -28,6 +23,14 @@ label {
}
}
// Set max text line width in main for readability.
input,
label,
textarea,
select {
max-width: var(--max-line-width);
}
fieldset {
border: 1px solid var(--color-border);
}

View file

@ -74,7 +74,7 @@ hr {
p {
// Add vertical rhythm margins.
@include margin-block(.75);
@include margin-block(.375 .75);
// Set max text line width in main for readability.
.main & {

View file

@ -15,7 +15,7 @@ h5,
%h5,
h6,
%h6 {
@include margin-block(1 .5, 'em');
@include margin-block(1 0, 'em');
color: var(--color-headings);
font-family: var(--ff-headings);
font-weight: var(--fw-headings);