美文网首页
less 编写函数与循环调用

less 编写函数与循环调用

作者: _嘿嘿_ | 来源:发表于2021-09-28 14:13 被阅读0次
@default-space: {
  top: 12;
  bottom: 12;
  left:12;
  right:12;
};

.margin(@space,@index) when (@index>0){
  @value:~'@{index}px';
  .mg-@{space}-@{index}{
    margin-@{space}:@value;
  }
}
.padding(@space,@index) when (@index>0){
  @value:~'@{index}px';
  .pd-@{space}-@{index}{
    padding-@{space}:@value;
  }
}
each(@default-space, {
  .margin(@key,@value);
  .padding(@key,@value);
});

相关文章

网友评论

      本文标题:less 编写函数与循环调用

      本文链接:https://www.haomeiwen.com/subject/voxrnltx.html