less css, define empty string variable

Question

I want to define a variable, which could be empty in some cases @prefix: "";

and to use it like this src: url("@{prefix}/path/to/something");

the problem is that it compiles into src: url("""/path/to/something");

How to define an empty string variable, that can be compiled in src: url("/path/to/something");

Update: Issue closed https://github.com/cloudhead/less.js/issues/532

Tyler · Accepted Answer · 2012-07-27 14:50:18Z

18

Just found a way to do this... escape an empty string @prefix: ~'';

I ran into this with the box-shadow inset option that will often remain empty.

answered Jul 27, 2012 at 14:50

Tyler

1811 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

c4urself · Accepted Answer · 2011-12-15 10:18:27Z

0

I'm not sure this is possible in less. You could make a mixin function which returns the path with the prefix prepended to it. This would be useful if you want to change the prefix once in awhile and only have to do it in one place.

.prefixRed(@path: @defaultpath) {
    background: transparent url("red/@{path}");
}
.prefixBlue(@path: @defaultpath) {
    background: transparent url("blue/@{path}");
}

answered Dec 15, 2011 at 10:18

c4urself

4,31723 silver badges34 bronze badges

Collectives™ on Stack Overflow

less css, define empty string variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related