mirror of
https://github.com/seigler/aurebesh
synced 2025-07-27 01:36:12 +00:00
better font scaling
This commit is contained in:
parent
c4c2adfe11
commit
72cf355b57
1 changed files with 4 additions and 3 deletions
|
@ -121,7 +121,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 3rem;
|
font-size: clamp(1rem, 3rem, 9vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
.aurebesh {
|
.aurebesh {
|
||||||
|
@ -169,16 +169,17 @@ h1 {
|
||||||
top: 70%;
|
top: 70%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
font-family: var(--font-standard);
|
font-family: var(--font-standard);
|
||||||
font-size: clamp(0.45rem, 0.25em, 1rem);
|
font-size: clamp(0.75rem, 0.25em, 1rem);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: var(--color-text-light);
|
color: var(--color-text-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reference {
|
.reference {
|
||||||
font-size: 1.5rem;
|
font-size: clamp(1rem, 1.5rem, 6vw);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue