Cacher is the code snippet organizer for pro developers

$xs: 415px;
$sm: 481px;
$md: 979px;
$lg: 1250px;

/* @include media (xs){ // css code for xs screens go here } */
@mixin media($size) {
    @media screen (max-width: #{$size}) {
        @content;
    }
}

/* @include xs { // css code for xs screens go here } */

@mixin xs() {
    @media screen (max-width: 415px) {
        @content;
    }
}

@mixin sm() {
    @media screen (max-width: 481px) {
        @content;
    }
}

@mixin md() {
    @media screen (max-width: 979px) {
        @content;
    }
}

@mixin lg() {
    @media screen (max-width: 1250px) {
        @content;
    }
}

@media screen (max-width: 1250px) {

}

@media only screen and (max-width: 1250px) {

}