pig's diary

何でも忘れるので万年初心者ね

sass のmixin の省略記法、= と +

sass 3.2.0 でmixinの省略記法が導入されたようです。

=box-shadow($properties)
  -webkit-box-shadow: $properties
  -moz-box-shadow:    $properties
  box-shadow:         $properties

.my-box
  +box-shadow(2px 2px 2px #000)

上のsassをコンパイル

.my-box {
  -webkit-box-shadow: 2px 2px 2px black;
  -moz-box-shadow: 2px 2px 2px black;
  box-shadow: 2px 2px 2px black; }

いい!

参考: