如何命名空间或前缀语义UI?

时间:2015-08-09 11:01:41

标签: javascript jquery css css3 semantic-ui

任何人都可以帮助我如何命名(加前缀)Semantic UI中的所有内容(例如前缀"button"类到"my-prefix-button"类吗?

此外,此修改是否会影响JavaScript模块的工作?例如Accordion,Modal,Popup和所有其他模块,如果答案是肯定的,那么如何修复它?

如果您想在答案中使用Less或SASS来实现这一目标,请逐步详细说明您的答案,因为我对这两个领域并不熟悉。

2 个答案:

答案 0 :(得分:4)

即使我选择了另一个问题的答案(因为我的问题是谈论另一种前缀,目前这是不可能的,而且我选择的答案中的原因)但是这里是我做的前缀,它对我起作用了

我用较少的命名空间用另一个类来命名,如下所示:

.my-class {
  @import (less) url("button.min.css");
  @import (less) url("message.min.css");
  @import (less) url("form.min.css");
  @import (less) url("table.min.css");
}

答案 1 :(得分:1)

我在评论中已经提到这是不可能的,但我同时发现了一个official statement from the author,所以为了结束这个问题我会在这里复制:

  

我不打算发布这样的东西。

     

Semantic的部分目标是简化前端代码库。这个   将是朝向混淆的又一步。这可能是一个要求   某些用例,但我不认为我想说服开发人员   这是互操作性的必要途径。