Sass mixin 参数

2024年8月29日 | 1 分钟阅读

mixin 参数是 SassScript 值,当包含 mixin 时传递,并可作为变量使用。

参数是变量的名称,在定义 mixin 时用逗号分隔。 Sass 中有两种类型的 mixin 参数。

  • 关键字参数
  • 变量参数

关键字参数

关键字参数用于包含在 mixin 中。 它指定可以以任何顺序传递命名参数,并且可以省略参数的默认值。

SCSS 语法

编译后,您将获得以下 CSS 代码。

CSS


变量参数

变量参数用于将任意数量的参数传递给 mixin。 当您处理未知数量的参数时使用它。 它包含传递给函数或 mixin 的关键字参数。 可以使用 keywords($args) 函数访问传递的关键字参数,该函数返回映射到 String 的值。

SCSS 语法

编译后,您将获得以下 CSS 代码。

CSS

下一主题传递内容块