Sass 101 - A newb's guide: Mixins w/expressions in Selectors and Property Names (interpolation)

You can use SassScript variables in selectors and property names using #{} interpolation syntax.

It’s also possible to use #{} to put SassScript into property values. In most cases this isn’t any better than using a variable, but using #{} does mean that any operations near it will be treated as plain CSS.

$class-name: over-qualified-selector;
$css-attribute: border;

@mixin test-mixin($name, $attribute) {
  p.#{$name} {
    #{$attribute}-color: blue;

@include test-mixin($class-name, $css-attribute);