Variabel dalam LESS
Bahasa LESS memungkinkan penggunaan variabel. Variabel mewakili wadah, di mana Anda dapat menyimpan beberapa data dan menggunakannya di tempat yang diperlukan dalam kode.
Untuk membuat variabel, Anda perlu memikirkan
namanya dan menempatkan tanda @ di depannya.
Kemudian setelah nama variabel beri titik dua
dan tentukan nilai variabel tersebut. Mari
sebagai contoh buat variabel dengan nama var:
@var: 20px;
Sekarang mari gunakan variabel ini sebagai nilai properti:
p {
font-size: @var;
}
Hasilnya setelah kompilasi ke CSS, alih-alih variabel kita, nilainya akan disubstitusikan:
p {
font-size: 20px;
}
Jelaskan, apa hasil kompilasi dari kode berikut:
@color: #000;
p {
color: @color;
}
