web-dev-qa-db-ja.com

セマンティックUI-テーマの変更

セマンティックUIでテーマの選択を機能させることができません。

ドキュメントの ワークフローセクション に記載されている手順に従おうとしています。

プロジェクトのexamples/フォルダー内のファイルは、UIの変更をテストするのに役立ちます。たとえば、gulpwatchを実行して新しいテーマをsrc/site/themes/にダウンロードし、theme.configファイルを新しいテーマの名前で調整し、examples/kitchensink.htmlを更新してテーマの変更を検査します。

したがって、セマンティックuiディレクトリで、適切なgulpビルド/ gulpインストール手順の後、

  1. gulp watchと入力します、

  2. src/theme.configを変更します。例:

    ...
    /* Elements */
    @button     : 'material';
    ...
    
  3. ファイルdist/semantic.cssが再生成されます(inotifyと言います)。

これまでのところ良い...examples/kitchensinkのレンダリングがまだデフォルトのものであることを除いて。 dist/semantic.cssを詳しく見ると、実際には元のファイルと同じであることがわかります。

誰かが私のプロセスの(おそらく明白な)問題を指摘できますか?

ステップ1。変更/src/themes/theme.config希望のテーマを反映する(例:@button: 'マテリアル')

ステップ2。再構築--gulp build

ステップブラウザを更新します

19
snakesNbronies