36 lines
789 B
Sass
36 lines
789 B
Sass
|
=from($device)
|
||
|
|
@media screen and (min-width: $device)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=until($device)
|
||
|
|
@media screen and (max-width: $device - 1px)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=mobile
|
||
|
|
@media screen and (max-width: $screen-tablet - 1px)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=tablet
|
||
|
|
@media screen and (min-width: $screen-tablet)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=tablet-only
|
||
|
|
@media screen and (min-width: $screen-tablet) and (max-width: $screen-desktop - 1px)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=touch
|
||
|
|
@media screen and (max-width: $screen-desktop - 1px)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=desktop
|
||
|
|
@media screen and (min-width: $screen-desktop)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=desktop-only
|
||
|
|
@media screen and (min-width: $screen-desktop) and (max-width: $screen-lg - 1px)
|
||
|
|
@content
|
||
|
|
|
||
|
|
=widescreen
|
||
|
|
@media screen and (min-width: $screen-lg)
|
||
|
|
@content
|