mixin 과 extend
mixin은 소스코드의 중복을 막기 위해 사용하고, extend, %placeholder 은 연관성 있는 규칙을 만들기 위해 사용 한다. mixin 으로 연관성 없는 선택자의 중복 코드 제거 %site_color { color: #f00; } /* ...중략 */ .main_conatiner { @extend %site_color; } /* ...중략 */ .view_container { @extend %site_color; } /* ...중략 */ .detail_container { @extend %site_color; } 위에 작성한 .main_conatiner,.view_container,.detail_container 는 서로 연관성이 없는 클래스 이다. 하지만 해당 클래스의 color 값이 동일..
