css - アプリケーションのカスタム テーマの追加

Question

テーマで実験中です。このために、ルビーをダウンロードしてインストールしました。

cssアプリケーションに独自のテーマを持たせるために別のファイルを用意する方法については、私は無知です。

拡張子が のファイルに変更を加えたと思います.scss。アプリケーション用に独自のテーマを作成するための手順を教えてもらえますか?

Answer 1

テーマのパーシャルを定義して、テーマ関連のものを変数に入れてみませんか。これらのパーシャルは .css ファイルを作成しません。ここに例があります

home.scss、_homePartials.scss、_homeTheme.scss の 3 つのファイルを作成します。

_homePartials.scss

$textColor: #333;

_homeTheme.scss

.text { color:$textColor; }

ホーム.scss

.text { width:100%; }
@import '../partials/homePartials';
@import '../partials/homeTheme';

http://blog.behance.net/dev/how-we-used-sass-to-build-17-websites-in-five-daysをご覧ください