将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的工作。

少”文档是非常简单的理解，但SASS是太复杂了..

Answer 1

那些被称为混入。你会写出来就像这样：

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

密新调用看起来是这样的：

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

但是，你f混入有多余的参数：

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

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