103 lines
1.6 KiB
SCSS
103 lines
1.6 KiB
SCSS
|
// == Typography
|
||
|
|
h1,
|
||
|
|
.headline-1,
|
||
|
|
.heading-1 {
|
||
|
|
font-size: 6rem;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: -.015625em;
|
||
|
|
line-height: 6rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2,
|
||
|
|
.headline-2,
|
||
|
|
.heading-2 {
|
||
|
|
font-size: 3.75rem;
|
||
|
|
font-weight: 300;
|
||
|
|
letter-spacing: -.0083333333em;
|
||
|
|
line-height: 3.75rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h3,
|
||
|
|
.headline-3,
|
||
|
|
.heading-3 {
|
||
|
|
font-size: 3rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: normal;
|
||
|
|
line-height: 3.125rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h4,
|
||
|
|
.headline-4,
|
||
|
|
.heading-4 {
|
||
|
|
font-size: 2.125rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: .0073529412em;
|
||
|
|
line-height: 2.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h5,
|
||
|
|
.headline-5,
|
||
|
|
.heading-5 {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: normal;
|
||
|
|
line-height: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h6,
|
||
|
|
.headline-6,
|
||
|
|
.heading-6 {
|
||
|
|
font-size: 1.25rem;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: .125em;
|
||
|
|
line-height: 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subtitle-1 {
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: .009375em;
|
||
|
|
line-height: 1.75rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subtitle-2 {
|
||
|
|
font-size: .875rem;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: .0071428571em;
|
||
|
|
line-height: 1.375rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.body-1 {
|
||
|
|
font-size: 1rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: .03125em;
|
||
|
|
line-height: 1.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.body-2 {
|
||
|
|
font-size: .875rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: .0178571429em;
|
||
|
|
line-height: 1.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
font-size: .875rem;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: .0892857143em;
|
||
|
|
line-height: 2.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.caption {
|
||
|
|
font-size: .75rem;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: .0333333333em;
|
||
|
|
line-height: 1.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.overline {
|
||
|
|
font-size: .75rem;
|
||
|
|
font-weight: 500;
|
||
|
|
letter-spacing: .1666666667em;
|
||
|
|
line-height: 2rem;
|
||
|
|
}
|