mirror of
https://github.com/xvvvyz/tilde.git
synced 2026-03-11 14:44:24 +00:00
add base font size media queries
This commit is contained in:
parent
caaaff3fb1
commit
184d94390e
1 changed files with 19 additions and 1 deletions
20
index.html
20
index.html
|
|
@ -144,7 +144,7 @@
|
|||
Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
|
||||
--font-size-1: 1rem;
|
||||
--font-size-2: 3rem;
|
||||
--font-size-base: 100%;
|
||||
--font-size-base: 90%;
|
||||
--font-weight-bold: 700;
|
||||
--font-weight-normal: 400;
|
||||
--line-height-base: 1.4;
|
||||
|
|
@ -161,6 +161,24 @@
|
|||
}
|
||||
}
|
||||
|
||||
@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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue