22 lines
491 B
SCSS
22 lines
491 B
SCSS
@mixin breakpoint($point) {
|
|
@if $point == small {
|
|
@media only screen and (min-width: 600px) {
|
|
@content;
|
|
}
|
|
} @else if $point == medium {
|
|
@media only screen and (min-width: 768px) {
|
|
@content;
|
|
}
|
|
} @else if $point == large {
|
|
@media only screen and (min-width: 992px) {
|
|
@content;
|
|
}
|
|
} @else if $point == x-large {
|
|
@media only screen and (min-width: 1200px) {
|
|
@content;
|
|
}
|
|
} @else {
|
|
@error "Unknown breakpoint #{$point}.";
|
|
}
|
|
}
|