Overview

borderの指定を簡略化するショートカットMixin。

表 ボーダー指定のためのShortcut Mixin
borderborder/border-radiusを一気に指定できる
border-radiusborder-radiusのvender prefix付きプロパティの指定を簡略化

border

ボーダースタイルを追加します。

@include border(width, style, color, radius);

引数

表 border Mixinのarguments
ArgumentsDefault ValueRequired
width1px
stylesolid
color$gray100
radiusnull

border-radius

角丸スタイルを追加します。

@include border-radius(radius);

引数

表 border-radius Mixinのarguments
ArgumentsDefault ValueRequired
radius$base-radius