LESS'te Karışımlar

Bu derste, bir sınıfın diğerinin içine dahil edilmesine izin veren karışımlarla (mixin) tanışacağız. Bunun ne olduğunu ve onunla nasıl çalışılacağını anlayalım.

Esasen karışım, bir sınıfın hazır - birçok yerde kullanabileceğimiz belirli bir kod parçası olduğu, diğer sınıfların içinde bazı sınıfların kullanılmasıdır.

Bu neden kullanışlı? Saf CSS'de, ihtiyaç duyulan her yerde bu kod hazırlığını yazmak zorunda kalırdık, ancak LESS'te onu bir kez yazıp daha sonra kodun gerekli yerlerine ekleyebiliriz.

Bir örnek üzerinden görelim. Aşağıdaki sınıfa sahip olduğumuzu varsayalım:

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

Bu sınıfı bir karışım olarak kullanalım:

p {
	.mix;
	color: red;
}

Sonuç olarak, derlemeden sonra paragrafa sınıfımızın stilleri yerleştirilecektir:

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

Aşağıdaki kodun derleme sonucunun ne olacağını açıklayın:

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

p {
	.mix;
	width: 300px;
}