scss 寫法

@mixin name($pram,$pram2: 預設值) {
  屬性1: $pram;
  屬性2: $pram2;
  // 也可計算
  屬性3: $pram2 / 2;
}

.css {
  @include name(20px, 30px)
}
// 輸出結果為
.css {
  屬性1: 20px;
  屬性2: 30px;
  屬性3: 15px;
}

sass 寫法

@mixin name($pram,$pram2)
  屬性1: $pram
  屬性2: $pram2
// mixin 也可簡寫為 = 
// =name($pram)

.css
  +name(20px, 30px)

// 輸出結果為
.css {
  屬性1: 20px;
  屬性2: 30px;
}