Conditional parameter validation in a LESS mixin function
-
14-07-2021 - |
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;
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