在mixin中更改单位

Question

假设我有一个LESS mixin将任何单位更改为vw。

.change-unit (@property, @value) { 
    @{property}: unit(@value, vw); 
} 

然后调用.change-unit(width, 10px)将导致width: 10vw;

我想改变PX的过滤器的模糊效果类似的方式，以大众。

如果在拨打.change-unit(filter, blur(5px))我想获得filter: blur(5vw);后应如何更改我的混音？这可能吗？

Answer 1

您可以添加只是当你正在使用的过滤器修改值的第三参数：

.change-unit (@property, @value) { 
    @{property}: unit(@value, vw); 
} 

.change-unit (@property, @value, @function) { 
    @converted: unit(@value, vw); 
    @{property}: ~'@{function}(@{converted})'; 
} 

#no-filter { 
    .change-unit(width, 10px); 
} 

#filter { 
    .change-unit(filter, 5px, blur); 
} 

大多数时候，你可以使用混入原样，但是当你需要使用的功能，您只需将该函数的名称添加为第三个参数即可。