セマンティックUI CSSフレームワークのテーマ

Question

セマンティックUIボタン（Amazon Theme）のCSSファイルを取得しようとしています。私は自分のスキルレベルを超えてテーマを構築する方法についての指示に従おうとしました。私は本当にこれらのボタン（Amazonのテーマ）のCSSファイルを取得するための助けの任意の並べ替えに感謝します。 1-簡単な方法はありますか？ 2希望のテーマが用意されていますか？ http://semantic-ui.com/elements/button.html

Answer 1

2-プリコンパイルされた既定以外の（パッケージ化された）テーマコンポーネントは、Semantic UI's official siteでもdist folder on their github repoでも利用できません。

しかし、あらかじめコンパイルされたAmazonボタンは、Theming Demo siteのリソースとして利用できるので、あなたはその方法を知ることができます。 このサイトはgithubのように見えますが、右上の通知アイコンの隣にペイントバケットアイコンがあります。このペイントバケットアイコンをクリックすると、テーマサイドバーが左側に表示されます。ロードするリソースのテーマを選択する必要がありますが、ブラウザの[開発ツール]の[ソース]または[ネットワーク]タブから取得できます。

1--ビルドプロセスに別の機会を与えたい場合は、ここに方法は次のとおりです。NodeJs with NpmとGulp（コマンドラインでnpm i -g gulpを実行）をインストールします。

前提条件。あなたはセマンティック-UIのソースを抽出したりダウンロードしたフォルダへ

1. Download（とunpack）セマンティックUI源は
2. 移動し、コマンドラインで以下の操作を行います。
3. 実行npm install。 （今セマンティックを構築するため）、その後 ない
   1. 尋ねたところ、（インストール用）自動
   2. を選択し、（セットアップファイルを除去するため）はい]を選択し
   3. 及びませ
4. 編集./src/theme.configファイル、そして@button: 'default';
5. @button: 'amazon';にファイル名を指定して実行を変更gulp build

ビルドが完了したら、./distフォルダにコンパイル済みCSSファイルがあり、./dist/componentsフォルダにカスタムbutton.cssがあります。