CSS/SASS
[SCSS]반응형 mixin으로 만들어서 쓰기
알찬 퍼블리셔
2022. 8. 2. 14:51
728x90
반응형
$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;
}
}
728x90
반응형