[SCSS]반응형 mixin으로 만들어서 쓰기

$mobile: 780px;
$tablet-min: 781px;
$tablet-max: 1023px;
$desktop: 1024px;


@mixin mobile{
    @media (max-width: $mobile){
        @content;
    }
}
@mixin tablet{
    @media (min-width: $tablet-min) and (max-width: $tablet-max){
        @content;
    }
}
@mixin desktop{
    @media (min-width: $desktop){
         @content;
    }
}