Create breakpoints to scss

breakpoints.scss

/* BREAKPOINTS */

$break-big: "screen and (min-width:1660px)";
$break-large: ""; // Default
$break-medium: "screen and (min-width:461px) and (max-width:768px)";
$break-small: "screen and (max-width:460px)";
$break-smaller: "screen and (max-width:768px)";

/* MINIX */

@mixin respond-to($media, $pixeles:"") {
    @if $media==big {
        @media #{$break-big} {
            @content;
        }
    }
    @else if $media==medium {
        @media #{$break-medium} {
            @content;
        }
    }
    @else if $media==small {
        @media #{$break-small} {
            @content;
        }
    }
    @else if $media==smaller {
        @media #{$break-smaller} {
            @content;
        }
    }
    @else if $media==px {
        @media screen and (max-width: $pixeles) {
            @content;
        }
    }
    @else if $media==custom {
        @media screen and ($pixeles) {
            @content;
        }
    }
}