2013-11-20 6 views
0

Это мой MixinSass, если имеет значение и еще

@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 

ответ

3

Вы были близки. Сасс позволяет 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; 
} 
Смежные вопросы