我目前正在开发基于Semantic UI的开发。 在Semantic UI的自定义指南中,使用交付中包含的空存根文件。
作为一种"概念证据"对我来说,我尝试修改Button-Element的一些变量。
如果我理解正确定制的原则,我将在这些存根文件中自定义所有这些变量。 所以我将 /site/elements/button.variables 编辑为
@defaultBorderRadius: 3rem;
会导致更加圆润的按钮角落。
此外,我可以在 /themes/default/globals/site.variables 中定义此定义,产生相同的效果。但这不是存根文件。
如果我现在尝试在 /site/globals/site.variables 中实现此定义,则不会发生此效果。
假设这不是语义用户界面中的错误,我想我一定是误解了主题概念。
有人可以为我澄清一下吗?
提前致谢, 的Sascha。
答案 0 :(得分:1)
我发现了问题的根源:
由于我正在使用Semantic UI的构建指南(learnsemantic.com/guide/expert.html#gulp-commands),因此我在后台运行Watch任务。
如果更改 /site/globals/site.variables ,gulp watch
显然不会重新编译button.css。要重新编译此文件,我需要在 button.less 中进行一些更改,以便通知Semantic UI重建Button元素。