Consider the following SCSS code:
@mixin set-border($width) {
border: $width solid #000;
}
.element {
@include set-border(2px); // compiles to "2px solid #000"
}
Now using interpolation:
.element {
@include set-border(#{2px + 2px}); // compiles to "4pxsolid #000"
}
Notice that there is no whitespace between the border width and style declaration.
Hoping this is an easy fix. Thanks in advance 👍