mediq queries added for the root font size

This commit is contained in:
NikolaBorislavovHristov 2019-07-30 16:49:12 +03:00
parent 0784ab19fe
commit 5ccdad5402

View file

@ -114,4 +114,36 @@ html {
::-webkit-scrollbar-track {
background-color: var(--color-backgroundlight);
}
}
@media only screen and (max-width: 1600px) {
html {
--scroll-bar-width: 8px;
--focusable-border-size: 2px;
font-size: 14px;
}
}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {
html {
--scroll-bar-width: 8px;
--focusable-border-size: 2px;
font-size: 15px;
}
}
@media only screen and (min-width: 2000px) and (max-width: 3000px) {
html {
--scroll-bar-width: 8px;
--focusable-border-size: 2px;
font-size: 16px;
}
}
@media only screen and (min-width: 3000px) {
html {
--scroll-bar-width: 10px;
--focusable-border-size: 3px;
font-size: 18px;
}
}