Sass breakpoint mixin

$bp-xs: 480px;
$bp-sm: 768px;
$bp-md: 992px;
$bp-lg: 1200px;

// Mixin: BreakPoint
@mixin bp($point) {
    @if $point == xs {
        @media (min-width: $bp-xs) {
            @content;
        }
    }
    @else if $point == sm {
        @media (min-width: $bp-sm) {
            @content;
        }
    }
    @else if $point == md {
        @media (min-width: $bp-md) {
            @content;
        }
    }
    @else if $point == lg {
        @media (min-width: $bp-lg) {
            @content;
        }
    }
    @else {
        @media (min-width: $point) {
            @content;
        }
    }
}