使用语义UI的存根文件

我目前正在基于语义UI开始开发。在Semantic UI的“自定义指南”中，使用包含在传送中的空的存根文件。使用语义UI的存根文件

作为一种“概念验证”，我尝试修改Button-Element的一些变量。

如果我理解正确定制的原则，我将在这些存根文件中定制所有这些变量。所以我编辑/site/elements/button.variables到

@defaultBorderRadius: 3rem;

导致更加圆润边角按钮。

另外我可以在/themes/default/globals/site.variables中定义此定义，产生相同的效果。但这不是存根文件。

如果我现在尝试在/site/globals/site.variables中实现此定义，则不会发生此效果。

假设这在语义UI中没有错误，我想我一定误解了主题概念。

有人可以澄清对我？

在此先感谢， Sascha。

来源

2015-06-19 Windwalker

如果我没有弄错，如果你在'button.variables'中定义它，它只适用于按钮规则集内部的'@ defaultBorderRadius'代码。 'site.variables'中的相同变量将应用于*任何*规则集......实际上，这些存根文件在使用中可能相当混乱，但是这是预期的，因为它们试图使Less或更少的代码组织保持不变（懒惰评估+明智的范围）和SCSS（贪婪评估+差范围概念）版本（因为这两个版本都收集了所有的奇怪和缺点:) –

感谢您的回答，@ seven-phases-max！事实上，在site.variables'site.variables'中定义变量不会产生任何影响。这是我的问题。我的意思是在文件夹_site/_下的全局'site.variables'，而不是_themes/_中的那个（请参阅上述差异的解释）。 – Windwalker

尝试使用'* .overrides'而不是'* .variables'（据我了解'* .overrides'文件应该被用来实际覆盖*默认的东西......）。至于'site /'vs.'themes /'，的确，进口链的确实太复杂了，为什么会发生这种或那种情况...... –

我发现了问题的根源：

因为我根据语义UI的构建原则（learnsemantic.com/guide/expert.html#gulp-commands）工作，我运行监视任务在后台。

如果更改/site/globals/site.variables,gulp watch显然不会重新编译button.css。为了重新编译这个文件，我需要在button.less中做一些修改，以便通知Semantic UI重建Button元素。

来源

2015-06-19 21:34:07 Windwalker

使用语义UI的存根文件

回答

相关问题