SCSS: утверждение if внутри правила css

Question

Можно ли добавить инструкции sass if в правило css? Чтобы избежать повторения. Я пробовал это, но сасс жалуется на синтаксис.

@mixin outline($color, $shadow:'none') { 

    text-shadow: 
     1px 0 0 $color, 
     0 1px 0 $color, 
     0 -1px 0 $color, 
     -1px 0 0 $color 

     @if $shadow != 'none' { 
      , $shadow 
     } 
     ; 
} 

Answer 1

Вы можете объявить массив для хранения всех теней, а затем добавить $shadow, если условное выражение истинно

@mixin outline($color, $shadow: false) { 
    $shadows: (
    1px 0 0 $color, 
    0 1px 0 $color, 
    0 -1px 0 $color, 
    -1px 0 0 $color); 

    @if $shadow { 
    $shadows: append($shadows, $shadow); 
    } 
    text-shadow: $shadows; 
} 

Отъезд SASS append function reference