LESS-də Miksinlər

Bu dərsdə biz miksinlər (qarışdırma) ilə tanış olacağıq, bir sinfin digərinin içinə daxil edilməsinə imkan verir. Gəlin bunun nə olduğunu və onunla necə işləməyi anlayaq.

Əsasən miks etmə, bir sinif hazır şablon - müəyyən bir kod parçası olduqda, bizim bir çox yerdə istifadə edə biləcəyimiz, bir siniflərin digərlərinin içində istifadə edilməsidir.

Bu nə üçün əlverişlidir? Səvi CSS-də biz bu kod şablonunu lazım olan hər yerdə yazmalı olardıq, amma LESS-də onu bir yerdə yazıb sonra kodun lazımi yerlərində onu birləşdirə bilərik.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizim aşağıdakı sinif var:

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

Gəlin bu sinifi miks kimi istifadə edək:

p {
	.mix;
	color: red;
}

Nəticədə, kompilyasiyadan sonra abzasımıza sinifimizin stilləri əlavə olunacaq:

p {
	width: 100px;
	height: 100px;
	color: red;
}

Aşağıdakı kodun kompilyasiya nəticəsi nə olacağını izah edin:

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

p {
	.mix;
	width: 300px;
}