Как получить строку в кавычках в LESS

Question

Подумайте ниже правила в МЕНЬШЕ:

p{ content: escape('a=1'); } 

Составитель в CSS:

p { content: a%3D1; } 

Но я хочу результат для процитировали в CSS, как ниже:

p { content: "a%3D1"; } 

Как связаться с это?

Я попытался ниже:

p{ content: %("%s", escape('a=1')); } 

Это работа, но это долго и трудно писать, любое другое решение по этому поводу?

Answer 1

Чтобы написать простой и понятный код, вы можете создать mixin, который возьмет необработанную строку и установит элемент content.

Mixin:

.escape(@string) { 
    content: %("%s", escape(~"@{string}")); 
} 

Использование:

p { 
    .escape('a=1'); 
} 

Выход:

p { 
    content: "a%3D1"; 
}