語義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。