LESS에서 믹스인 컴파일 취소하기

믹스인으로 사용하는 클래스도 컴파일 결과에 포함됩니다.

그러나, 코드의 다른 곳에서 사용하기 위한 준비물로 어떤 코드 조각을 만들고 싶으면서, 그 자체로는 사용되지 않을 상황이 있을 수 있습니다.

믹스인의 컴파일을 취소하려면 이름 뒤에 괄호를 붙이면 됩니다. 다음과 같이:

styles.less.mix() {
  width: 100px;
  height: 100px;
}

Задание 1

다음 코드의 컴파일 결과가 어떻게 될지 설명하세요:

styles.less.mix() {
  color: white;
  background: black;
}

p {
  .mix;
  width: 300px;
}

Задание 2

다음 코드의 컴파일 결과가 어떻게 될지 설명하세요:

styles.less.mix1() {
  color: white;
  background: black;
}
.mix2() {
  width: 300px;
  height: 300px;
}

p {
  .mix1;
  .mix2;
}

Задание 3

.tnr 믹스인을 만들어서, Times New Roman 폰트 패밀리를 설정하세요.

Задание 4

.df 믹스인을 만들어서, display 속성을 flex 값으로 설정하세요.

Задание 5

.bold 믹스인을 만들어서, font-weight 속성을 bold 값으로 설정하세요.

Задание 6

.nowrap 믹스인을 만들어서, white-space 속성을 nowrap 값으로 설정하세요.