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

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

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

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

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

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

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

p {
	.mix;
	width: 300px;
}

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

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

p {
	.mix1;
	.mix2;
}

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

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

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

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