LESSда миксинлар

Бущ дарсликда биз миксинлар (примешивание) билан танишамиз, бу бошқа класслар ичига бир классни киритиш имконини беради. Келинг, бу нима ва у билан қандай ишлашни кўриб чиқайлик.

Аслида примешивание - бу бошқа класслар ичида бир класслардан фойдаланиш, бунда бир класс заготовка - коднинг муайян бир бўлаги бўлиб, уни биз турли жойларда ишлата оламиз.

Бу қандай қулай? Соф CSSда бизга керакли заготовка кодини ҳар қаерга ёзиш керак бўларди, LESSда эса уни бир жойга ёзиб кейин керакли жойларга улай оламиз.

Келинг, мисол кўриб чиқайлик. Бизда куйидаги класс бор деб фараз қилайлик:

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

Келинг, бу классни миксин сифатида ишлатайлик:

p {
	.mix;
	color: red;
}

Натижада компиляциядан кейин абзацга бизнинг класс стиллари жойлаштирилади:

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

Куйидаги кодни компиляция қилиш натижаси қандай бўлишини тушантиринг:

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

p {
	.mix;
	width: 300px;
}