SASS Breakpoints Mixin

breakpoints.scss

// Usage: 
// @include breakpoint(desktop){ ... }
//

@mixin breakpoint($point) {
    @if $point==desktop {
        @media (min-width: 70em) {
            @content ;
        }
    }
    @else if $point==laptop {
        @media (min-width: 64em) {
            @content ;
        }
    }
    @else if $point==tablet {
        @media (min-width: 37.5em) {
            @content ;
        }
    }
    @else if $point==phablet {
        @media (min-width: 37.5em) {
            @content ;
        }
    }
    @else if $point==mobileonly {
        @media (max-width: 37.5em) {
            @content ;
        }
    }
    @else if $point==portrait {
        @media (orientation: portrait) {
            @content ;
        }
    }
}