mirror of
https://github.com/xvvvyz/tilde.git
synced 2026-03-11 14:44:24 +00:00
media queries -> clamp
This commit is contained in:
parent
184d94390e
commit
02c7c73dc2
1 changed files with 1 additions and 19 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: 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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue