调用类变量insida一个混合 - Sass

Question

我有2个类风格的标题。然后，我需要创建一个mixin来定制背景模式，具体取决于显示哪个头。

是否可以在我的mixin中使用$ has-dept变量？

//header 1 
    .dt-style-user-bar-without-departments { 
      @extend .dt-style-user-bar; 
      $has-dept: false; 
      /... 
    } 

    //header 2 
    .dt-style-user-bar-with-departments { 
      @extend .dt-style-user-bar; 
      $has-dept: false; 
      //... 
    } 

    //intending to get $has-dept var to give the proper background color 
    @mixin set-reveal-bg-color(){ 
      @extend $has-dept; 
      @if $has-dept { 
      background: green !important; 
      } 
      @else { 
      background: blue !important; 
      } 
    } 

    //prints the background color in the modal overlay class 
    .reveal-modal-bg{ 
     @include set-reveal-bg-color() 
    } 

*输出：错误SCSS/app.scss（线SCSS/_dt_style.scss 471：未定义的变量： “$有-部门”。）*

Answer 1

是。只需启用像这样的可变插值：

@extend #{$has-dept}; 

这使Sass评估变量的值在那里。

这里有更多关于萨斯插补：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_