语义UI CSS框架的主题

Question

我想获取语义UI按钮（亚马逊主题）的CSS文件。我试图按照他们的指示如何建立超出我的技能水平的主题，并让我迷失方向。我会很感激任何帮助获得这些按钮（亚马逊主题）的CSS文件。 1-有没有简单的方法？ 2-他们准备好所需的主题吗？ http://semantic-ui.com/elements/button.html

Answer 1

2--预编译的非默认（封装）主题组件在Semantic UI's official site和dist folder on their github repo中都不可用。

但是，您可以使用预编译的亚马逊按钮，因为它们可用作Theming Demo site上的资源。 打开这个网站，它看起来像github，只是它在右上角的通知图标旁边有一个油漆桶图标。点击这个油漆桶图标，主题边栏将出现在左侧。您必须为要加载的资源选择所需的主题，但您可以通过浏览器的开发工具源或网络选项卡获取它们。

1--如果你想给一个机会来构建过程，方法如下：

先决条件：安装NodeJs with Npm和Gulp（运行在命令行npm i -g gulp）。

1. Download（并解压）语义UI来源
2. 浏览到您提取或下载的语义UI来源，并做了以下的命令行的文件夹：
3. 运行npm install。
   1. 当记者问，选择自动（安装）
   2. 并选择Yes（去除安装文件）
   3. ，然后没有（现在建筑物语义）
4. 编辑./src/theme.config文件，并改变@button: 'default';到@button: 'amazon';
5. 运行gulp build

构建完成后，您应该在./dist文件夹中找到已编译的css文件，并在./dist/components文件夹中找到您的自定义Amazon button.css。