SCSS - 확장

확장(Extend)

특정 선택자가 다른 선택자의 모든 스타일을 가져야하는 경우. 선택자의 확장 기능을 사용할 수 있음.

*확장을 추천하지 않는 이유 - [참고]https://sass-guidelin.es/ko/#extend

@extend 는 다음과 같은 문제를 고려해야 함.

1. 내 현재 선택자(위 예제의 .btn-danger)가 어디에 첨부될 것인가?

2. 원치 않는 부작용이 초래될 수도 있는가?

3. 이 한 번의 확장으로 얼마나 큰 CSS가 생성되는가?

결과적으로 확장기능은 무해하거나 혹은 유익할 수도 있지만 그만큼 부작용을 가지고 있을 수 있음.

따라서 확장은 사용을 권장하지 않으며 Mixin 을 대체 기능으로 사용하길 권함.