SASS Mixin Аргументы с конкретными значениями

Question

Есть ли способ проверить аргумент в mixins. Например, у меня есть теневой миксин, и я хочу включить его (назвать) другим способом в случае его аргумента.

@ mixin shadow ($ shadow, $ position, $ color) { ..... }

Если я передаю Top2, он должен изменить только первый параметр

.box { @include shadow(inset, Top2, #000); } => `box-shadow: inset, 2px 0 0 0, #000`

Если я передам Bottom2, он должен изменить параметр на -2px

.box { @include shadow(inset, Bottom2, #000); } => `box-shadow: inset, -2px 0 0 0, #000`

Answer 1

Я думаю, вы должны использовать этот тип.

    @mixin box-shadow($values) {
-webkit-box-shadow: $values;
-moz-box-shadow: $values; 
box-shadow: $values;
}
    @mixin box-shadow-inset($inset) {
-webkit-box-shadow: $inset;
-moz-box-shadow: $inset;
      box-shadow: $inset;
}