Zamiast tego, posiada – pozwala na stworzenie kilku funkcji o tej samej nazwie, a o tym, która zostanie wywołana, decyduje wartość przekazywanego parametru.
Użycie wygląda następująco: po deklaracji mixin pojawia się słowo kluczowe when, po którym znajduje się warunek logiczny w nawiasach okrągłych.
Przykład .background(@color) when (lightness(@color) >= 50%) { background-color: white; } .background(@color) when (lightness(@color) < 50%) { background-color: black; } .a { .background(#d2e9a0); } .b { .background(#c22); } Po skompilowaniu powyższy przykład w języku Less da następujący kod CSS: .a { background-color: white; } .b { background-color: black; }
Pętle Less nie umożliwia na tworzenie pętli for, while, czy innych znanych z większości języków programowania. Za pomocą oraz rekurencji można jednak tworzyć konstrukcje zbliżone do standardowych pętli.
Przykład .generate-grays(25);
.generate-grays(@n) when (@n < 100) { .gray-@{n} { color: #fff * (@n / 100);
.generate-grays(@n + 25); } Po przetworzeniu do CSS: .gray-25 { color: #404040; } .gray-50 { color: #808080; } .gray-75 { color: #bfbfbf; }
Frameworki używające Less Bootstrap Semantic UI Roots Wordpress Starter Theme
Przypisy
Bibliografia
Linki zewnętrzne LESS2CSS – kompilator Less działający w przeglądarce internetowej
Kategoria:Języki arkuszy stylów Kategoria:Biblioteki JavaScript Kategoria:Oprogramowanie na licencji Apache License