0

私は次のことを探しています：

すべての私の css を含む main.scss があるとしましょう。

ファイルの先頭に、次の行があります。

@import "partials/vars";

これには、main.scss で使用しているすべての変数 (色、パディングなど) が含まれています。

問題は、アプリケーションが複数のクライアントで使用されることです。それぞれ独自のカラースキームなどがあります。

だから私が望むのは、（もしあれば）最も簡単な方法です：

メインファイルがあり、それをコンパイルして次のようにします。

company1.css company2.css company3.css

それぞれに同じ CSS コードが含まれていますが、独自の配色が使用されています。

company1 の場合、'partials/company1Vars.scss company2 は company2vars.scss などを読み込みます

どんな助けでも大歓迎です。

4

1 に答える 1

0

あなたが持っている会社の数はわかりませんが、それが非常識な数でなければ、おそらく次のようになるでしょう：

company1Styles.scss company2Styles.scss company3Styles.scss など

それぞれに次のような行が含まれます

@import "partials/_company1Vars.scss"
@import "_screen.scss"; // contains everything else

また

@import "partials/_company2Vars.scss"
@import "_screen.scss"; // contains everything else

プロジェクト内の他のすべてのものとは独立して変数を変更し、異なる出力を得ることができます。

于 2013-10-30T17:11:18.920 に答える