Sử dụng hàm bên trong chuỗi với LESS

Question

Tôi đã tìm kiếm cả tài liệu và SO nhưng không thể tìm thấy câu trả lời cho truy vấn của mình. Cách chính xác để bao gồm kết quả của một hàm bên trong một chuỗi với LESS là gì?

Ví dụ: tôi đã xác định biến và muốn làm sáng nó cho hộp đổ bóng. Ví dụ, đây là những gì tôi muốn làm:

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

Rõ ràng đó không hoạt động. Cách chính xác để đạt được điều này, mà không xác định một biến cụ thể cho lighten(@green, 10%) là gì?

Answer 1

Nó sẽ hoạt động để chỉ cần đặt nó bên ngoài của chuỗi.

@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%)) 
} 

Biên dịch để

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