Media Queries

breakpoint.scss

// Stolen from awesome dev cboakes

@mixin breakpoint($min-width: null, $min-height: null, $medium: screen) {
    @if ($min-width != null and $min-height != null) {
        @media #{$medium} and (min-width: $min-width) and (min-height: $min-height) {
            @content;
        }
    } @else if ($min-width != null and $min-height == null) {
        @media #{$medium} and (min-width: $min-width){
            @content;
        }
    } @else if ($min-width == null and $min-height != null) {
        @media #{$medium} and (min-height: $min-height){
            @content;
        }
    }
}