Accessibility: root font-size in percent

This commit is contained in:
Lucas Larroche 2021-11-14 11:41:40 +07:00
parent 7922656a05
commit b45830626e
21 changed files with 70 additions and 45 deletions

View file

@ -11,7 +11,7 @@
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--font-size: 100%;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
@ -27,22 +27,22 @@
}
@media (min-width: 576px) {
:root {
--font-size: 17px;
--font-size: 106.25%;
}
}
@media (min-width: 768px) {
:root {
--font-size: 18px;
--font-size: 112.5%;
}
}
@media (min-width: 992px) {
:root {
--font-size: 19px;
--font-size: 118.75%;
}
}
@media (min-width: 1200px) {
:root {
--font-size: 20px;
--font-size: 125%;
}
}
@ -117,6 +117,10 @@ dialog > article {
}
}
body {
--font-size: 1rem;
}
a {
--text-decoration: none;
}