
[SCSS] SCSS Mixin과 함수 활용
Style sheet/SCSS
2023. 8. 7. 14:30
SCSS는 Mixin과 함수를 제공하여 스타일 속성들을 재사용하고 동적으로 스타일을 생성하는 기능을 제공합니다. 이를 통해 스타일 코드를 더욱 모듈화하고 유지보수를 용이하게 할 수 있습니다. 이 글에서는 SCSS의 Mixin과 함수에 대해 알아보겠습니다. Mixin 활용 Mixin은 재사용 가능한 스타일 블록을 정의하고 여러 곳에서 호출하여 사용할 수 있도록 해줍니다. @mixin rounded-corners($radius) { border-radius: $radius; } .button { @include rounded-corners(5px); background-color: #007bff; color: #fff; padding: 10px; } 위의 예제에서 rounded-corners라는 Mixin을..