Update heading styles
This commit is contained in:
parent
4e633f481b
commit
6874cea8dc
@ -24,4 +24,14 @@
|
||||
background-color: var(--color-brand-text-bg);
|
||||
color: var(--color-brand-text-accent2);
|
||||
}
|
||||
|
||||
h1 {
|
||||
line-height: 32px;
|
||||
hyphens: none;
|
||||
|
||||
@container (max-width: 400px) {
|
||||
hyphens: auto;
|
||||
font-size:;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
32
src/main.css
32
src/main.css
@ -66,3 +66,35 @@ h6 {
|
||||
text-wrap: pretty;
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
|
||||
@container (max-width: 450px) {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
|
||||
@container (max-width: 450px) {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.17em;
|
||||
|
||||
@container (max-width: 450px) {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.17em;
|
||||
|
||||
@container (max-width: 450px) {
|
||||
font-size: 1.05em;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user