Użyj funkcji wewnątrz łańcucha za pomocą LESS

Question

Przeszukałem zarówno dokumenty, jak i SO, ale nie mogłem znaleźć odpowiedzi na moje zapytanie. Jaki jest poprawny sposób dołączenia wyniku funkcji do łańcucha za pomocą LESS?

Na przykład, zdefiniowałem zmienną i chciałbym ją rozjaśnić dla box-shadow. Na przykład, oto co chciałbym zrobić:

.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px lighten(@green, 10%)"); 

Oczywiście to nie działa. Jaki jest właściwy sposób, aby to osiągnąć, bez definiowania konkretnej zmiennej dla lighten(@green, 10%)?

Answer 1

Powinien działać po prostu położyć go na zewnątrz sznurka.

@green: #0f0; 
.box-shadow(@def) { box-shadow: @def; } 

p { 
    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px" lighten(@green, 10%)) 
} 

gromadzi do

p { 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #33ff33; 
}