Make non-desktop headlines smaller

This commit is contained in:
benjamin melançon 2025-09-24 01:20:53 -04:00
parent 7393c648fb
commit 5edbd2a2a0

View file

@ -29,27 +29,42 @@
} }
.title.is-1 { .title.is-1 {
font-size: $size-1; font-size: $size-2;
@include desktop {
font-size: $size-1;
}
line-height: 1.07em; line-height: 1.07em;
} }
.title.is-2 { .title.is-2 {
font-size: $size-2; font-size: $size-3;
@include desktop {
font-size: $size-2;
}
line-height: 1.14em; line-height: 1.14em;
} }
.title.is-3 { .title.is-3 {
font-size: $size-3; font-size: $size-4;
@include desktop {
font-size: $size-3;
}
line-height: 1.2em; line-height: 1.2em;
} }
.title.is-4 { .title.is-4 {
font-size: $size-4; font-size: $size-5;
@include desktop {
font-size: $size-4;
}
line-height: 1.43em; line-height: 1.43em;
} }
.title.is-5 { .title.is-5 {
font-size: $size-5; font-size: 1.1rem;
@include desktop {
font-size: $size-5;
}
line-height: 1.2em; line-height: 1.2em;
} }