Make layout fully responsive using matchMedia('(max-width: 799px)')

This commit is contained in:
the-djmaze 2023-02-23 13:54:32 +01:00
parent 1dbd9bda0c
commit e1833ae032
64 changed files with 239 additions and 434 deletions

View file

@ -2,11 +2,16 @@
@rlLeftWidth: 200px;
@rlLowMargin: 8px;
/* mobile and tablet */
@maxMobileWidth: 799px;
:root {
--smDialogShrink: 20px;
--smMainShadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.rl-mobile {
/* For Firefox */
--smDialogShrink: 25px;
/* For Firefox */
@media screen and (max-width: @maxMobileWidth) {
:root {
--smDialogShrink: 25px;
}
}