mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 06:32:11 +00:00
mediq queries added for the root font size
This commit is contained in:
parent
0784ab19fe
commit
5ccdad5402
1 changed files with 32 additions and 0 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue