Make headings smaller on mobile
This commit is contained in:
parent
75083f28aa
commit
12de366f3a
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user