Create Newsletter component
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
// TYPOGRAPHY
|
||||
|
||||
// Titles
|
||||
// Huge
|
||||
.title-huge {
|
||||
font-size: clamp(200px, 38vw, 700px);
|
||||
font-family: $font-serif;
|
||||
@@ -8,18 +9,31 @@
|
||||
letter-spacing: -0.04em;
|
||||
}
|
||||
|
||||
// Small
|
||||
.title-small {
|
||||
color: $color-secondary;
|
||||
font-size: rem(28px);
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
font-family: $font-serif;
|
||||
}
|
||||
|
||||
|
||||
// Texts
|
||||
.text-large {
|
||||
font-size: rem(32px);
|
||||
font-family: $font-sans;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.text-medium {
|
||||
font-size: rem(28px);
|
||||
font-family: $font-sans;
|
||||
font-weight: 300;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.text-large {
|
||||
font-size: rem(32px);
|
||||
font-family: $font-sans;
|
||||
.text-small {
|
||||
font-size: rem(22px);
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user