25 lines
593 B
SCSS
25 lines
593 B
SCSS
$phone-breakpoint: 480px !default;
|
|
$tablet-breakpoint: 800px !default;
|
|
|
|
|
|
@mixin respond-to($media) {
|
|
@if $media == mobile {
|
|
@media handheld and (max-width: $phone-breakpoint),
|
|
screen and (max-device-width: $phone-breakpoint),
|
|
screen and (max-width: $tablet-breakpoint) {
|
|
@content;
|
|
}
|
|
}
|
|
@else if $media == phones {
|
|
@media handheld and (max-width: $phone-breakpoint),
|
|
screen and (max-device-width: $phone-breakpoint) {
|
|
@content;
|
|
}
|
|
}
|
|
@else if $media == tablets {
|
|
@media screen and (max-width: $tablet-breakpoint) {
|
|
@content;
|
|
}
|
|
}
|
|
}
|