Sass Mixins

Sass Mixins 方便您创建 CSS 声明组，以便在您的网站上重复使用。 您甚至可以根据需要传递值，以使 mixin 更加灵活。

mixin 可以存储多个值或参数，并调用函数以避免编写重复的代码。mixin 名称可以互换使用下划线和连字符。

让我们以 border-radius 为例。 这个例子说明了如何在 border-radius 中使用 mixin，以便在您的网站中重复使用它。

SCSS 语法

等效 Sass 语法

在这里，我们使用 mixin 指令并为其命名为 border-radius。 在括号内使用变量 $radius 来根据需要传递半径。 创建 mixin 后，您可以将其用作 CSS 声明。 它以 @include 开头，后跟 mixin 的名称。 生成的 CSS 将如下所示

CSS 语法

Mixin 中存在的指令

Mixin 中存在的指令列表