插值语法

参考文档: https://wangtunan.github.io/blog/cssPrecompiler/sass/#%E6%8F%92%E5%80%BC%E8%AF%AD%E6%B3%95

插值语法，格式是：#{expresssion}，它几乎可以用在SASS中任何地方，例如：

  1. 样式规则的选择器
  2. 属性名称
  3. 变量
  4. 注释
  5. 其它地方
@mixin position($name, $position, $topOrBottom, $leftOrRight) {
  #{$name}.is-#{$position} {
    position: $position;
    #{$topOrBottom}: 0;
    #{$leftOrRight}: 0;
  }
}

@include position('.box', 'absolute', 'top', 'left');

以上代码编译成：

.box.is-absolute {
  position: "absolute";
  top: 0;
  left: 0;
}