media queries -> clamp

This commit is contained in:
Cade Scroggins 2022-11-17 13:26:11 -08:00
parent 184d94390e
commit 02c7c73dc2
No known key found for this signature in database
GPG key ID: 6AC5A902158265D0

View file

@ -144,7 +144,7 @@
Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
--font-size-1: 1rem;
--font-size-2: 3rem;
--font-size-base: 90%;
--font-size-base: clamp(90%, 1.4vw, 120%);
--font-weight-bold: 700;
--font-weight-normal: 400;
--line-height-base: 1.4;
@ -161,24 +161,6 @@
}
}
@media (min-width: 1000px) {
:root {
--font-size-base: 100%;
}
}
@media (min-width: 1200px) {
:root {
--font-size-base: 110%;
}
}
@media (min-width: 1600px) {
:root {
--font-size-base: 120%;
}
}
html {
background-color: var(--color-background);
color: var(--color-text);