68

SASS と COMPASS に基づく jqtouch テーマを使用しようとしています。最も単純なコード、1 つのインポート、および上書きする 1 つの変数を含むファイル custom.scss があります。

@import 'jqtouch';

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/

scss ファイルを css にコンパイルすると、基本的には自分のファイル名で jqtouch css が生成されます。色の仕様はどこにも見当たりませんが、変数はドキュメント (公式ガイド) ごとに正確であり、コスチューム化のためにインポートする jqtouch.scss ファイルでは正確です。

Windows マシンで Sass 3.2.9 と Compass 0.12.2 を実行しています。

より多くの変数とさまざまなファイルのインポートで試してみましたが、結果は常に、オーバーライド値が組み込まれていません。

コンパスの ruby​​ 構成ファイルは疑わしいものではないようです。

私のオーバーライド値が無視されるように、プロセスで何がうまくいかないのか誰にも分かりますか?

4

1 に答える 1

116

すでに使用された後に色を設定しています。基本的に、あなたがやろうとしていることはこれです：

$color: red;

.foo {
    background: $color;
}

$color: green;

jqtouch の書き方によっては、色をまったく変更できない場合があります。事前に変数を上書きするには、変数をデフォルトとして設定する必要があります。

$color: green;
$color: red !default; // red is only used if $color is not already set

.foo {
    background: $color; // color is green
}

したがって、コードは次のように記述する必要があります。

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/

@import 'jqtouch';
于 2013-06-13T14:57:05.097 に答える