Question

我正在使用Scss作为我的网站。我正在尝试让我的代码更容易阅读，所以我想为我的背景属性构建一个mixin。我之前没有使用过mixin .. 我想创建一个具有以下属性的mixin：背景：＃6441A5; 背景：-webkit-linear-gradient（左，＃6441A5，＃2a0845）; 背景：线性渐变（左，＃6441A5，＃2a0845）;

我该怎么做？

Answer 1

您需要的代码是：

@mixin background_mixin($bg) {
    background: $bg
}

当你需要制作背景时，例如＃6441A5：

@include background_mixin(#6441A5);

Mixin就像一个函数（在我们的例子中名为background_mixin），你给它一个参数（在我们的例子中命名为$ bg）。然后在你想要使用它的代码块中，你创建一个@include，其中包含mixin的名称和你想要参数得到的值。

此处提供更多信息：

不知道如何为背景做出适当的混合

1 个答案: