Refactoring Mixin for handle Media Query #47

There are a few mixins to handle media queries, but with this,

@mixin media-add-typography($class) {
    .#{$class} {
        @content;
    }

    @include media-xs() {
        .#{$class}-xs {
            @content;
        }
    }

    @include media-sm() {
        .#{$class}-sm {
            @content;
        }
    }

    @include media-md() {
        .#{$class}-md {
            @content;
        }
    }

    @include media-lg() {
        .#{$class}-lg {
            @content;
        }
    }

    @include media-xlg() {
        .#{$class}-xlg {
            @content;
        }
    }
}

there seems a way to reduce the most of the mixins, and use this a general way to handle the breakpoints.