Make headings smaller on mobile

This commit is contained in:
Kuba Orlik 2026-08-19 23:18:09 +02:00
parent 75083f28aa
commit 12de366f3a

View File

@ -12,18 +12,34 @@
&.heading--font-size-small > * { &.heading--font-size-small > * {
font-size: 24px; font-size: 24px;
@container (max-width: 600px) {
font-size: 22px;
}
} }
&.heading--font-size-medium > * { &.heading--font-size-medium > * {
font-size: 32px; font-size: 32px;
@container (max-width: 600px) {
font-size: 24px;
}
} }
&.heading--font-size-large > * { &.heading--font-size-large > * {
font-size: 48px; font-size: 48px;
@container (max-width: 600px) {
font-size: 32px;
}
} }
&.heading--font-size-extra_large > * { &.heading--font-size-extra_large > * {
font-size: 64px; font-size: 64px;
@container (max-width: 600px) {
font-size: 56px;
}
} }
&.heading--align-left { &.heading--align-left {