插值类名称并在LESS中扩展以供BEM使用

时间:2015-08-06 09:54:36

标签: less extend bem

我喜欢将BEM用于我的CSS,我喜欢通过LESS的extend()函数应用修饰符。

例如:

.btn{
  width: 100px;
  &--blue:extend(.btn){
    color: blue;
  }
}

第一个问题:为什么我不能用这样的快捷方式&来编写它?

.btn{
  width: 100px;
  &--blue:extend(&){
    color: blue;
  }
}

第二个问题:如何在其他较少的文件中调用生成的类名,如:

.btn{
  width: 100px;
  &--blue:extend(.btn){
    color: blue;
  }
}

////

.myCustomButton{
  .btn--blue;
}

感谢。

0 个答案:

没有答案