less-Reducing CSS Size（减少css）

减少重复代码

1、

编辑less：

.my-inline-block() {
    display: inline-block;
    font-size: 0;
}
.thing1 {
  .my-inline-block;
}
.thing2 {
  .my-inline-block;
}

生成css：

.thing1 {
  display: inline-block;
  font-size: 0;
}
.thing2 {
  display: inline-block;
  font-size: 0;
}

2、扩展案例

编辑less：

.my-inline-block {
  display: inline-block;
  font-size: 0;
}
.thing1 {
  &:extend(.my-inline-block);
}
.thing2 {
  &:extend(.my-inline-block);
}

生成css：

.my-inline-block,
.thing1,
.thing2 {
  display: inline-block;
  font-size: 0;
}