SASS (SCSS): Mixins & Functions
15 Haz 2025
14:16
YouTube'da izle
Açıklama
Bu video, SASS (SCSS) kullanımında mixin ve fonksiyonların nasıl oluşturulup yönetileceğini detaylı bir şekilde ele almaktadır. İşte videonun ana başlıkları:
- Mixin Kullanımı (0:33 - 5:18): Tekrar eden stil bloklarını yönetmek için kullanılır. Hem parametreli (örneğin buton stilleri) hem de parametresiz (örneğin clearfix yapısı) örneklerle, include komutuyla stillerin nasıl dahil edileceği anlatılmıştır.
- Fonksiyonlar (5:20 - 7:16): Belirli bir değer döndüren yapılar oluşturmak için kullanılır. Örnek olarak piksel değerini rem birimine çeviren bir fonksiyon oluşturulmuştur. Ayrıca modern Dart SASS standartlarına uygun olarak math modülünün kullanımı gösterilmiştir.
- SASS Derleyicileri (7:17 - 8:35): Dart SASS, Node SASS ve Ruby SASS gibi derleyici farklarına değinilmiş; güncel ve resmi standart olanın Dart SASS olduğu vurgulanmıştır.
- Yerleşik Modüller (8:36 - 11:15): SASS içerisinde gelen color, list, map, math, string, selector ve meta gibi hazır modüllerin işlevleri kısaca tanıtılmıştır.
- Mixin ve Fonksiyonların Birlikte Kullanımı (12:05 - 14:02): Karmaşık stil yapılarında, fonksiyonların mixinler içerisinde nasıl çağrılarak daha esnek ve modüler bir yapı kurulabileceği uygulamalı olarak gösterilmiştir.