다음으로 살펴볼 rule은 @extend이다. 이녀석은 sass가 주목받게 해준 강력한 rule이다. 그런데 개인적으로 상당히 까다로웠고 여기 저기서 사용을 지양해야한다는 글도 많다. 계륵(鷄肋) 같은 존재인가? 그래도 한번 정리해보자. @extend 용도 @extend는 어떤 클래스가 다른 클래스의 모든 스타일과 함께 고유한 스타일을 가져야 하는 경우에 사용된다. .error { border: 1px #f00; background-color: #fdd; &--serious { @extend .error; border-width: 3px; } } .error, .error--serious {​ border: 1px #f00;​ background-color: #fdd;​ }​ .error--serious..