Интерполяция

Вы также можете использовать переменные SassScript в селекторах и в названиях свойств используя синтаксис #{} интерполяции:

scss
$name: foo;
$attr: border;
p.#{$name} {
  #{$attr}-color: blue;
}
$name: foo
$attr: border
p.#{$name}
  #{$attr}-color: blue
css
p.foo {
  border-color: blue; 
}

Также можно использовать #{}, чтобы вставить в SassScript значение свойств. В большинстве случаев это не лучше, чем любой другой способ, но использование #{} означает, что любые операции в нем будут рассматриваться как запись CSS. Например:

scss
p {
  $font-size: 12px;
  $line-height: 30px;
  font: #{$font-size}/#{$line-height};
}
p
  $font-size: 12px
  $line-height: 30px
  font: #{$font-size}/#{$line-height}
css
p {
  font: 12px/30px; 
}

Ваша 
Поддержка