SASS의 믹스인
이 강의에서는 하나의 클래스를 다른 클래스 내부에 포함할 수 있게 해주는 믹스인(믹싱)을 소개합니다. 이것이 무엇이며 어떻게 사용하는지 알아봅시다.
본질적으로 믹스인은 하나의 클래스가 코드의 특정 조각인 준비물이 될 때, 다른 클래스 내부에서 일부 클래스를 사용하는 것입니다. 우리는 이 준비물을 많은 곳에서 사용할 수 있습니다.
이것이 왜 편리할까요? 순수 CSS에서는 필요한 모든 곳에서 코드 준비물을 입력해야 하지만, SASS에서는 한 곳에 작성한 후 코드의 필요한 위치에 연결할 수 있습니다.
믹스인을 선언하려면 @mixin 지시어를 사용하며,
그 뒤에 이름, 매개변수 및 본문 블록을 지정합니다:
@mixin mix {
width: 100px;
height: 100px;
}
