[SCSS]scss에서 반응형 미디어 쿼리 사용하기

@mixin mobile{
  @media (max-width: 767px){ 
    @content;
  }
}

@mixin tablet{
  @media (min-width: 768px) and (max-width: 1023px){
    @content;
  }
}


@include mobile{ 
  /*브라우저 사이즈767px이하일때*/
}

@include tablet{
  /*브라우저 사이즈768px이상, 1023px 이하일때*/
}

참고

https://eunhee-programming.tistory.com/178