반응형 @extend1 SASS(SCSS) @extend를 이용한 공통 스타일 적용하기 sass는 타 선택자의 css를 그대로 상속하여 공유가 가능합니다. 공통으로 사용하는 속성을 모아 일부분만 동일하게 가져가고 부분적으로 다른 스타일을 정의하는 경우가 있습니다. 이럴 경우 보통 공통 속성이 사용되는 클래스를 만들고, 다른 속성이 사용되는 클래스 하나를 더 만들어 css 스타일을 입히는 방법을 사용합니다. 하지만 scss에서는 @extend를 사용하면 편리합니다. 예를 들어 여러 가지 버튼을 만들 때 사용하면 쉽게 작업할 수 있습니다. /* scss */ .btn { // 기본 그레이 버튼 display: inline-block; padding: 10px 20px; color: #fff; background-color: silver; } .btn-green { // 그린 버튼 @extend.. 2023. 1. 9. 이전 1 다음 반응형