Question

How can I translate the following conditional to LESS?

.mixin(@width) {
    width: (!@width ? auto : @width);
}

Results should be like:

[no value is passed]
LESS: .mixin();
CSS: width: auto;

[value is passed]
LESS: .mixin(200px);
CSS: width: 200px;
Was it helpful?

Solution

You can use default parameter values to accomplish this:

.mixin(@width: auto) {
  width: @width;
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top