Remove content div wrappers. Use grid template columns for main to support stretch and breakout classes.
This commit is contained in:
parent
fb411d6f32
commit
4bb4c9dec1
3 changed files with 169 additions and 172 deletions
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 & {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue