Sass миксин не взема стойност, а име на променлива - Sass, mixins

Имам прост calc mixin:

@mixin calc($what, $how, $that) {
width: -webkit-calc($how- $that);
width: -moz-calc($how - $that);
width: calc($how- $that);
width: $how;
}

Което използвам:

@include calc("width", 100%, 6px);

Но след като компилирам получавам:

  width: -webkit-calc($how- $that);
width: -moz-calc($how - $that);
width: calc($how- $that);
width: 100%;

Какво правя грешно? Защо само последният ред е наред?

Благодаря предварително!

Отговори:

Трябва да използвате Интерполатор с променлива Sass:

@mixin calc($what, $how, $that) {
width: -webkit-calc(#{$how}- #{$that});
width: -moz-calc(#{$how}- #{$that});
width: calc(#{$how}- #{$that});
width: $how;
}

.sel {
@include calc("width", 100%, 6px);
}

добиви

.sel {
width: -webkit-calc(100%- 6px);
width: -moz-calc(100%- 6px);
width: calc(100%- 6px);
width: 100%;
}