sass Mixins

示例

Sass往往是更“懒”的语法。没有什么比定义和包含mixin更好的了。

定义一个mixin

=是你如何定义一个mixin Sass，@mixin在SCSS。

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

包括混入

+你是如何有Sass，@include在SCSS。

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

// 萨斯
.element
  +size(20rem)