sass - 将 LESS mixins 转换为 Sass

Question

嗯..我对 LESS 有点熟悉，当我试图升级到 SASS 时。

在更少的情况下，我以这种方式创建了一些框架：

.w(@x){width:@x;}
.h(@x){height:@x;}
.f(@x,@y){font:@x '@y'}

我将它保存在 framework.less 上，并将@import其保存在我的 main.less 上

我刚刚搜索过，但我没有找到如何在 SASS 中进行操作。只是阅读了官方网站上的文档，但没有成功。谁能给我解释一下或者给我发个教程链接？我在谷歌上找到的所有链接都很难理解，即使是让 SASS 工作也是如此。

LESS 的文档很容易理解，但是 SASS 太复杂了..

score 4 · Accepted Answer

那些被称为mixins。你可以这样写：

@mixin w($x){width:$x;}
@mixin h($x){height:$x;}
@mixin f($x,$y){font:$x $y}

Mixin 调用如下所示：

.foo {
    @include f(1.5em, sans-serif);
}

但是，您的fmixin 有多余的参数：

@mixin f($x){font:$x}

.foo {
    @include f(1.5em sans-serif);
}

1 回答 1