sass mixin - 並非所有使用的參數

Question

我開始使用sass，在這一刻我開始發現mixin並編寫自己的一個。 我有一個mixin：

@mixin column-set ($number, $width, $gap, $rule-style, $rule-width, $rule-color, $col-span) { 
-webkit-column-count: $number;  /* Chrome, Safari, Opera */ 
-moz-column-count: $number;  /* Firefox */ 
column-count: $number; 
-webkit-column-width: $width;  /* Chrome, Safari, Opera */ 
-moz-column-width: $width;   /* Firefox */ 
column-width: $width; 
-webkit-column-gap: $gap;   /* Chrome, Safari, Opera */ 
-moz-column-gap: $gap;    /* Firefox */ 
column-gap: $gap; 
-webkit-column-rule-style: $rule-style; /* Chrome, Safari, Opera */ 
-moz-column-rule-style: $rule-style;  /* Firefox */ 
column-rule-style: $rule-style; 
-webkit-column-rule-width: $rule-width; /* Chrome, Safari, Opera */ 
-moz-column-rule-width: $rule-width;  /* Firefox */ 
column-rule-width: $rule-width; 
-webkit-column-rule-color: $rule-color; /* Chrome, Safari, Opera */ 
-moz-column-rule-color: $rule-color;  /* Firefox */ 
column-rule-color: $rule-color; 
-webkit-column-span: $col-span;   /* Chrome, Safari, Opera */ 
column-span: $col-span; 
} 

我想使用它，但並不總是與所有的參數，爲此我整理好我是怎麼想的，我需要他們。但是看起來像我打電話給我混入我需要輸入所有參數。有什麼辦法可以避免這種情況？ 例如 call1 @include column-set（3，40px）; @包括列集（2,40px，10px，solid，1px，blue）;

我試圖找到答案，但沒有成功。誰能幫忙？

Answer 1

您可以設置一個默認值，如果不設置默認值用於在@include值：

@mixin column-set ($number:3, $width:200px, $gap:20px){ 
... 
} 

您可以設置null也。

@mixin column-set ($number:3, $width:null, $gap:null){ 
... 
} 

在包括你可以打電話給你要使用的參數：

.class{ 
    @include column-set($gap:10px) 
}