Question

这是我的mixin

@mixin myColor($background:null){
   @if $background == "yes"{
        background-color: white;
    }@else{
        background-color: blue;
    }
}

@include myColor; //background-color: blue;

@include myColor('yes'); //background-color: white;

如果变量$background不是background-color: white，那么有没有办法让其他$background是我们提供的值？

如果有人可以提供帮助，以下功能无法正常工作？谢谢！

  @mixin myColor($background:null){
           @if $background == $background{
                background-color: $background;
            }@else{
                background-color: blue;
            }
        }

  @include myColor(#FFFDDD); //ERROR

Answer 1

你很亲密。 Sass允许defaults to mixin arguments：

@mixin myColor($background: white){
  background-color: $background;
}

.foo {
  @include myColor
}

.bar {
  @include myColor(#00F)
}

编译为：

.foo {
  background-color: white;
}

.bar {
  background-color: blue;
}

Sass如果有价值，否则

1 个答案: