Updated
This commit is contained in:
parent
4184942584
commit
afb5f3a287
66 changed files with 550 additions and 57 deletions
51
frontend/src/styles/breakpoint.sass
Normal file
51
frontend/src/styles/breakpoint.sass
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
$mobile: 575.98px
|
||||
$tablet: 768px
|
||||
$desktop: 1440px
|
||||
|
||||
.on-desktop-only
|
||||
@media only screen and (min-width: 0px) and (max-width: $desktop)
|
||||
display: none
|
||||
|
||||
@media only screen and (min-width: $desktop)
|
||||
display: block
|
||||
|
||||
.on-tablet-only
|
||||
@media only screen and (min-width: 0px) and (max-width: $tablet)
|
||||
display: none
|
||||
|
||||
@media only screen and (min-width: $tablet) and (max-width: $desktop)
|
||||
display: block
|
||||
|
||||
@media only screen and (min-width: $desktop)
|
||||
display: none
|
||||
|
||||
.on-mobile-only
|
||||
@media only screen and (max-width: $mobile)
|
||||
display: block
|
||||
|
||||
@media only screen and (min-width: $tablet)
|
||||
display: none
|
||||
|
||||
.on-desktop-tablet-only
|
||||
@media only screen and (min-width: 0px) and (max-width: $tablet)
|
||||
display: none
|
||||
|
||||
@media only screen and (min-width: $tablet)
|
||||
display: block
|
||||
|
||||
.on-desktop-mobile-only
|
||||
@media only screen and (min-width: 0px) and (max-width: $mobile)
|
||||
display: block
|
||||
|
||||
@media only screen and (min-width: $mobile) and (max-width: $desktop)
|
||||
display: none
|
||||
|
||||
@media only screen and (min-width: $desktop)
|
||||
display: block
|
||||
|
||||
.on-tablet-mobile-only
|
||||
@media only screen and (min-width: 0px) and (max-width: $desktop)
|
||||
display: block
|
||||
|
||||
@media only screen and (min-width: $desktop)
|
||||
display: none
|
||||
Loading…
Add table
Add a link
Reference in a new issue