PatAlcala9/fwt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed viewport display

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-09-16 10:02:20 +08:00
parent 4de57fcb4a
commit bc7760cef5
1 changed files with 22 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/styles/classes.sass
View file

@ -11,61 +11,49 @@
opacity: 1
.on-desktop-only
@media only screen and (max-width: view.$desktop)
@media only screen and (min-width: 0px) and (max-width: view.$desktop)
display: none
@media only screen and (min-width: view.$desktop)
display: block
@media only screen and (max-width: view.$tablet)
display: none
@media only screen and (max-width: view.$mobile)
display: none
.on-tablet-only
@media only screen and (max-width: view.$desktop)
@media only screen and (min-width: 0px) and (max-width: view.$tablet)
display: none
@media only screen and (max-width: view.$tablet)
@media only screen and (min-width: view.$tablet) and (max-width: view.$desktop)
display: block
@media only screen and (max-width: view.$mobile)
@media only screen and (min-width: view.$desktop)
display: none
.on-mobile-only
@media only screen and (max-width: view.$desktop)
display: none
@media only screen and (max-width: view.$tablet)
display: none
@media only screen and (max-width: view.$mobile)
@media only screen and (min-width: view.$mobile)
display: block
@media only screen and (min-width: view.$tablet)
display: none
.on-desktop-tablet-only
@media only screen and (max-width: view.$desktop)
display: block
@media only screen and (max-width: view.$tablet)
display: block
@media only screen and (max-width: view.$mobile)
@media only screen and (min-width: 0px) and (max-width: view.$tablet)
display: none
@media only screen and (min-width: view.$tablet)
display: block
.on-desktop-mobile-only
@media only screen and (max-width: view.$desktop)
@media only screen and (min-width: 0px) and (max-width: view.$mobile)
display: block
@media only screen and (max-width: view.$tablet)
@media only screen and (min-width: view.$mobile) and (max-width: view.$desktop)
display: none
@media only screen and (max-width: view.$mobile)
@media only screen and (min-width: view.$desktop)
display: block
.on-tablet-mobile-only
@media only screen and (max-width: view.$desktop)
@media only screen and (min-width: 0px) and (max-width: view.$desktop)
display: block
@media only screen and (min-width: view.$desktop)
display: none
@media only screen and (max-width: view.$tablet)
display: block
@media only screen and (max-width: view.$mobile)
display: block