A mixinek fordításának mellőzése LESS-ben

Az a osztály, amelyet mixinként használunk, szintén meg fog jelenni a fordítás eredményében.

Vannak azonban olyan helyzetek, amikor létre szeretnénk hozni egy kódrészletet sablonként, hogy más kódrészekben használhassuk, és közben magát a kódrészletet nem fogjuk önmagában használni.

Ahhoz, hogy egy mixin ne forduljon le, a neve után kerek zárójeleket kell tenni, így:

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

Mondd el, mi lesz a következő kód fordítási eredménye:

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

p {
	.mix;
	width: 300px;
}

Mondd el, mi lesz a következő kód fordítási eredménye:

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

p {
	.mix1;
	.mix2;
}

Készíts egy .tnr mixint, amely beállítja a betűcsaládot Times New Roman értékre.

Készíts egy .df mixint, amely beállítja a display tulajdonságot flex értékre.

Készíts egy .bold mixint, amely beállítja a font-weight tulajdonságot bold értékre.

Készíts egy .nowrap mixint, amely beállítja a white-space tulajdonságot nowrap értékre.