sass breakpoints

sass-breakpoints.scss

@mixin breakpoint($point) {
    @if $point == desktopwide {
        @media (min-width: 77em) {
            @content ;
        }
    }
    @else if $point == desktop {
        @media (min-width: 64em) {
            @content ;
        }
    }
    @else if $point == tablet {
        @media (min-width: 50em) {
            @content ;
        }
    }
    @else if $point == mobile {
        @media (min-width: 37.5em) {
            @content ;
        }
    }
    @else if $point == phone {
        @media (max-width: 37.5em) {
            @content ;
        }
    }
    @else {
        @media (min-width: $point) {
            @content ;
        }
    }
}