將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); 
}