media queries -> clamp
This commit is contained in:
+1
-19
@@ -144,7 +144,7 @@
|
|||||||
Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
|
Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
|
||||||
--font-size-1: 1rem;
|
--font-size-1: 1rem;
|
||||||
--font-size-2: 3rem;
|
--font-size-2: 3rem;
|
||||||
--font-size-base: 90%;
|
--font-size-base: clamp(90%, 1.4vw, 120%);
|
||||||
--font-weight-bold: 700;
|
--font-weight-bold: 700;
|
||||||
--font-weight-normal: 400;
|
--font-weight-normal: 400;
|
||||||
--line-height-base: 1.4;
|
--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 {
|
html {
|
||||||
background-color: var(--color-background);
|
background-color: var(--color-background);
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
|
|||||||
Reference in New Issue
Block a user