scss 미디어 쿼리 v1

// Breakpoints

$breakpoint-mobile: 320px;

$breakpoint-tablet: 758px;

$breakpoint-desktop: 1024px;

 

@mixin mobile {

    @media (min-width: #{$breakpoint-mobile}) and (max-width: #{$breakpoint-tablet - 1px}) {

        @content;

    }

}

@mixin tablet {

    @media (min-width: #{$breakpoint-tablet}) and (max-width: #{$breakpoint-desktop - 1px}) {

        @content;

    }

}

@mixin desktop {

    @media (min-width: #{$breakpoint-desktop}) {

        @content;

    }

}

@mixin moblie-font {

    font-size: 1.3rem;

    line-height: 2rem;

}

@include mobile {