sass @include

Sass `@include` 是一个用于引用 mixin 的指令。Mixin 是一段可以重复使用的样式代码块。通过在 mixin 中定义样式规则，然后在需要的地方使用 `@include` 来引用该 mixin，可以在样式表中实现代码的复用。

下面是一个示例，展示了如何使用 `@include` 引用 mixin：

// 定义一个 mixin
@mixin button {
  display: inline-block;
  padding: 10px 20px;
  background-color: blue;
  color: white;
  border-radius: 5px;
}

// 使用 @include 引用 mixin
.button {
  @include button;
}

// 编译后的 CSS
.button {
  display: inline-block;
  padding: 10px 20px;
  background-color: blue;
  color: white;
  border-radius: 5px;
}

在上面的示例中，我们定义了一个名为 `button` 的 mixin，它包含了一些按钮的基本样式规则。然后在 `.button` 的样式规则中，我们通过 `@include button` 来引用该 mixin，使得 `.button` 具有了 `button` mixin 中定义的样式。

这样，我们可以在多个地方使用 `@include button` 来实现按钮样式的复用，避免了重复编写相同的样式代码。