Sass - Mixin для границы

Question

Есть ли какой-либо миксин для границ, где мы можем определить направление границы?

Я использую:

@mixin border-all($width, $style, $color) { 
    border-width: $width; 
    border-style: $style; 
    border-color: $color; 
} 

Это работает, но это Mixin, как говорит название, по всем направлениям. Как определить направление границы?

Я думал о чем-то вроде этого: @mixin border($direction, $width, $style, $color)

Любые идеи?

Answer 1

Да, вы можете сделать это так:

@mixin border($direction, $width, $style, $color) { 
    border-#{$direction}: $width $style $color; 
} 

Однако, я хотел бы предложить не используя подмешать в данном конкретном случае, так как вы ничего от него по синтаксису CSS по умолчанию не получает.

Может быть более полезным сохранить стили границы по умолчанию для переменных или микшинов для удобства повторного использования.

Примеры: http://www.sassmeister.com/gist/a439bbb5f51125647e21