混入

Sass 往往是更懶惰的語法。沒有什麼比你定義和包含 mixin 更好的了。

定義一個 mixin

= 是你如何定義 Sass 中的 mixin,@mixin in SCSS

// SCSS
@mixin size($x: 10rem, $y: 20rem) {
  width: $x;
  height: $y;
}
  
// Sass
=size($x: 10rem, $y: 20rem)
  width: $x
  height: $y

包括 mixin

+是你如何在 Sass@include in SCSS 中包含的。

// SCSS
.element {
  @include size(20rem);
}

// Sass
.element
  +size(20rem)