📜  LESS-参数混合-教程点

📅  最后修改于: 2020-10-22 07:09:00             🧑  作者: Mango


 

描述

参数混入使用一个或多个参数来扩展LESS的功能,这些参数可以通过使用参数及其属性来自定义混入另一个块中时的混入输出。

例如,考虑一个简单的LESS代码段-

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

在这里,我们将参数混合作为.border使用,具有三个参数-宽度,样式和颜色。使用这些参数,可以使用传递的参数值来自定义mixin输出。

下表描述了不同类型的参数混合以及描述。

Sr.No. Types & Description
1 Mixins with Multiple Parameters

Parameters can be separated using commas or semicolon.

2 Named Parameters

Mixins provide parameter values instead of positions by using their names.

3 @arguments Variable

When a mixin is called, the @arguments include all the passed arguments.

4 Advanced Arguments and the @rest Variable

Mixin takes variable number of arguments by using …..

5 Pattern-matching

Change the behavior of mixin by passing parameters to it.