Adjusting margins and header letter spacing.
This commit is contained in:
parent
cc408bcc33
commit
739f6c255e
3 changed files with 11 additions and 8 deletions
|
|
@ -10,7 +10,7 @@ form {
|
|||
input,
|
||||
textarea,
|
||||
select {
|
||||
@include margin-bottom(.75);
|
||||
@include margin-block(0 1);
|
||||
}
|
||||
|
||||
// Mark field as required if needed.
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@ li {
|
|||
|
||||
header {
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(0 .3);
|
||||
@include margin-block(0 .33);
|
||||
}
|
||||
|
||||
// Horizontal rule
|
||||
|
|
@ -71,7 +71,7 @@ hr {
|
|||
|
||||
p {
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(0 .75);
|
||||
@include margin-block(0 1);
|
||||
|
||||
// Set max text line width in main for readability.
|
||||
.main & {
|
||||
|
|
@ -83,7 +83,7 @@ p {
|
|||
|
||||
pre {
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(0 .75);
|
||||
@include margin-block(0 1);
|
||||
font-family: var(--ff-monospace);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ h5,
|
|||
%h5,
|
||||
h6,
|
||||
%h6 {
|
||||
@include margin-block(1 .3, 'em');
|
||||
@include margin-block(1 .33, 'em');
|
||||
color: var(--color-headings);
|
||||
font-family: var(--ff-headings);
|
||||
font-weight: var(--fw-headings);
|
||||
|
|
@ -38,16 +38,19 @@ h1,
|
|||
// h1 only on top of page so different margins.
|
||||
@include margin-block(1 .5, 'rem');
|
||||
font-size: var(--fs-xxl);
|
||||
letter-spacing: -.01em;
|
||||
}
|
||||
|
||||
h2,
|
||||
%h2 {
|
||||
font-size: var(--fs-xl);
|
||||
letter-spacing: -.01em;
|
||||
}
|
||||
|
||||
h3,
|
||||
%h3 {
|
||||
font-size: var(--fs-l);
|
||||
letter-spacing: -.01em;
|
||||
}
|
||||
|
||||
h4,
|
||||
|
|
|
|||
Loading…
Reference in a new issue