出于抽象目的,使用SASS扩展CSS库类

时间:2019-02-14 09:20:12

标签: css sass materialize extend atomic-design

我喜欢将类从Bootstrap,Materializecss等库扩展到我自己的类中的想法,例如:

a-btn-green {
  @extend .btn;
  background-color: green;
}

a-btn-yellow{
  @extend .btn;
  background-color: yellow;
}

将它包含在HTML中不仅实用且易读,这限制了元素上使用的类的数量,而且还创建了一个抽象级别。因此,如果我们有时会更改CSS库,则只需更改自己的类以自定义它们以适应新库。

但是,据我了解,这种扩展很容易使代码膨胀。有人对此有任何指导或意见吗?

0 个答案:

没有答案