使用语义 UI 的存根文件
Working with Semantic UI's Stub Files
我目前正在开始基于语义的开发UI。
在 Semantic UI 的自定义指南中，使用空 存根文件，包含在交付中。
作为我的一种 "proof of concept"，我尝试修改 Button-Element 的一些变量。
如果我正确理解自定义的原理，我将在这些存根文件中自定义所有这些变量。
所以我将 /site/elements/button.variables 编辑为
@defaultBorderRadius: 3rem;
这会导致更圆润的按钮边角。
我也可以在 /themes/default/globals/site.variables 中定义这个定义，产生同样的效果。但这不是存根文件。
如果我现在尝试在 /site/globals/site.variables 中实现此定义，则不会发生此效果。
假设这不是语义错误 UI，我想我一定是误解了主题概念。
有人可以为我澄清一下吗？
提前致谢，
萨沙.
我找到了问题的根源：
由于我是根据 Semantic UI 的构建指南（learnsemantic.com/guide/expert.html#gulp-commands）工作的，所以我 运行后台的Watch任务
如果更改 /site/globals/site.variables，gulp watch 显然不会重新编译 button.css。要重新编译此文件，我需要在 button.less 中做一些更改，以通知 Semantic UI 重建 Button 元素。
我目前正在开始基于语义的开发UI。 在 Semantic UI 的自定义指南中，使用空 存根文件，包含在交付中。
作为我的一种 "proof of concept"，我尝试修改 Button-Element 的一些变量。
如果我正确理解自定义的原理，我将在这些存根文件中自定义所有这些变量。 所以我将 /site/elements/button.variables 编辑为
@defaultBorderRadius: 3rem;
这会导致更圆润的按钮边角。
我也可以在 /themes/default/globals/site.variables 中定义这个定义，产生同样的效果。但这不是存根文件。
如果我现在尝试在 /site/globals/site.variables 中实现此定义，则不会发生此效果。
假设这不是语义错误 UI，我想我一定是误解了主题概念。
有人可以为我澄清一下吗？
提前致谢， 萨沙.
我找到了问题的根源：
由于我是根据 Semantic UI 的构建指南（learnsemantic.com/guide/expert.html#gulp-commands）工作的，所以我 运行后台的Watch任务
如果更改 /site/globals/site.variables，gulp watch 显然不会重新编译 button.css。要重新编译此文件，我需要在 button.less 中做一些更改，以通知 Semantic UI 重建 Button 元素。