在Semantic UI中导出自定义主题

时间:2015-03-25 19:38:07

标签: themes override semantic-ui

以下文档中,我使用以下内容下载了Semantic UI

npm install semantic-ui

然后,我为每个站点定制了几个变量,在元素级别上也很少,例如按钮。

这一切都很好,我没有任何改变这些问题。

然后在theme.config文件中,我可以指定:

@button: 'mytheme';

拾取那些自定义样式覆盖

为了让我的主题与Semantic UI核心分开,我在以下路径中创建了目录,

src/themes/mytheme

,在运行gulp build后,我希望将mytheme导出到dist/themes/mytheme以及已存在的basicdefault。但事实并非如此。因此,为了能够使用我的新按钮样式,我必须在button.css任务之后从dist/components手动移动新生成的gulp build

我这样做错了吗?如何将所有覆盖文件放在一个像打包主题的地方?因此,我可以在<link>之后添加semantic.min.css声明以使用我的替代。

0 个答案:

没有答案