Micro Clearfix - Scss 플레이스홀더(Placeholder)

main.scss

//micro-clearfix.scss 모듈 호출
@import "micro-clearfix";

#page {
  nav ul.navi, .article{
    @extend %clearfix;
  }
    
}

micro-clearfix.scss

//클래스 사용유무 변수
$use-class: false;
$hook: if($use-class == true, '.', '%');

//--------------------------------------------

//마이크로 클리어픽스
#{$hook}clearfix::before,
#{$hook}clearfix::after, {
  content: '';
  display: table;
}
#{$hook}clearfix::after {clear: both;}
#{$hook}clearfix {zoom: 1}