SASS'ta Mixin'ler
Bu derste, bir sınıfı diğerinin içine dahil etmemize izin veren mixin'ler (karıştırmalar) ile tanışacağız. Bunun ne olduğunu ve nasıl çalıştığını anlayalım.
Esasen karıştırma, bir sınıfın bir hazır kod parçası - birçok yerde kullanabileceğimiz belli bir kod bloğu - olduğu, bazı sınıfların diğerlerinin içinde kullanılmasıdır.
Bu neden kullanışlı? Saf CSS'de, ihtiyaç duyulan her yerde bu hazır kodu yazmamız gerekirdi, ancak SASS'ta onu bir yere yazıp ardından kodun gerekli yerlerine ekleyebiliriz.
Mixin'leri tanımlamak için @mixin direktifi kullanılır,
ardından adını, parametrelerini ve gövde bloğunu belirtiriz:
@mixin mix {
width: 100px;
height: 100px;
}