@mixin line-left($black: .1, $white: .5){ border-left: 1px solid rgba(0, 0, 0, $black); @include box-shadow (rgba(255, 255, 255, $white) -1px 0 0); } @mixin line-right($black: .1, $white: .5){ border-left: 1px solid rgba(0, 0, 0, $black); @include box-shadow(rgba(255, 255, 255, $white) -1px 0 0 inset); } 上 左 右 @mixin line-top($black: .1, $white: .5){ border-top: 1px solid rgba(0, 0, 0, $black); @include box-shadow(rgba(255, 255, 255, $white) 0 1px 0 inset); 下 @mixin line-bottom($black: .1, $white: .5){ border-bottom: 1px solid rgba(0, 0, 0, $black); @include box-shadow(rgba(255, 255, 255, $white)0 1px 0); } 透明度を引数に よく使う透明度を デフォルトに Zurui Design 1 ズルい線