Only add margin att block end, not start on group elements.
This commit is contained in:
parent
f13595fad3
commit
5ea8ebff46
1 changed files with 23 additions and 45 deletions
|
|
@ -15,7 +15,7 @@ h5,
|
|||
%h5,
|
||||
h6,
|
||||
%h6 {
|
||||
@include margin-block(1 0, 'em');
|
||||
@include margin-block(1 0.375, 'em');
|
||||
color: var(--color-headings);
|
||||
font-family: var(--ff-headings);
|
||||
font-weight: var(--fw-headings);
|
||||
|
|
@ -28,26 +28,6 @@ h6,
|
|||
}
|
||||
}
|
||||
|
||||
// Move content closer up to related header.
|
||||
h2,
|
||||
%h2,
|
||||
h3,
|
||||
%h3,
|
||||
h4,
|
||||
%h4,
|
||||
h5,
|
||||
%h5,
|
||||
h6,
|
||||
%h6 {
|
||||
& + :is(p, ul, ol) {
|
||||
@include margin-block-start(0.375);
|
||||
}
|
||||
|
||||
& + & {
|
||||
@include margin-block-start(0.5);
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
%h1 {
|
||||
// h1 only on top of page so different margins.
|
||||
|
|
|
|||
Loading…
Reference in a new issue