LESS'te Sözde Sınıflar için Kod Bloğu Uygulaması
Bir linke hover durumunda stil veren
bir fonksiyon yapalım.
Bu fonksiyon parametre olarak bir kod bloğu alsın:
.hover(@code) {
}
Şimdi iletilen kod bloğunu hover durumu
içinde çıktılayalım:
.hover(@code) {
&:hover {
@code();
}
}
Fonksiyonumuzu bir link içinde kullanalım:
a {
color: red;
.hover({
color: blue;
text-decoration: none;
});
}
Derleme sonucu:
a {
color: red;
}
a:hover {
color: blue;
text-decoration: none;
}
Bir input için focus durumunda stil
verecek benzer bir fonksiyon yapın.
