LESS Bölüm 2 : Fonksiyonlar

Önceki makalemizde LESS konusuna giriş yaptık, bir değişken tanımlayıp onu kullanmıştık, şimdi ise bir fonksiyon tanımlayacağız. Bu fonksiyona parametreler göndereceğiz.Gönderdiğimiz parametreler fonksiyon içinde gerekli işlem yapılarak geri döndürülecek
örnek:

.gradyanRenk(@renk1,@renk2){
background:linear-gradient(@renk1,@renk2);
}

şeklinde grandyan renk oluşturan bir fonksiyon tanımlayabiliriz. Bu fonksiyonu çağırmak için
etkilenmesi istenen div ' ait class içinde yazılması gereken kod aşağıdadır


.kutu{
.gradyanRenk(red,blue);
}

Görüldüğü gibi önceden tanımlanmış olan gradyanRenk isimli fonksiyona red ve blue renkleri gönderildi ve kutu class'ına sahip div'imiz gradyan renk özelliğini aldı


Yorumlar


Düzenlediğiniz için teşekkürler hocam :)

Konuyu Turgay CEYLAN başlattı, ben sadece küçük açıklamalar ekledim

Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın