LESS Bölüm 1 : Giriş ve değişken tanımlama

LESS, CSS'de kod yazımınızı hızlandırır. Değişken ve fonksiyon tanımlayabilir, CSS'i programlama dili gibi kullanabilirsiniz.

Less'i çalıştırmak

Less'i çalıştırmak için bir sunucuya ihtiyacınız vardır, XAMPP veya WAMP gibi programlar size bunu sağlayabilir.

Adım 1 : Lesscss.org'a girip buradan less.min.js dosyasını indiriyoruz.
Adım 2 : Kendi CSS dosyamızı sayfamıza dahil ederken rel="stylesheet" yerine rel="stylesheet/less" yazıyoruz.
Adım 3 : Ardından javascript dosyamızı sayfaya dahil ediyoruz.

Değişken tanımlama

@arkaplan : #333;
@resim_arkaplan : "resimler/resim1.jpg";

tarzında değişken tanımlanır.

Kod : @background:#333;
body { background:#333; }

Çıktısı ;


Yorumlar


LESS daha önceden merak ettiğim ancak incelemeye fırsat bulamadığımı bir konuydu, bu konuya böyle basit ve anlaşılır bir giriş yaptığın için teşekkür ederim Turgay'cım

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