Wie überschreiben SCSS-Variablen beim Übersetzen zu CSS

Question

Ich versuche, jqtouch Theming, die auf SASS und COMPASS basiert verwenden. Ich habe eine Datei custom.scss mit dem einfachstenen Code, ein Import und eine Variable zu überschreiben:

@import 'jqtouch'; 

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

Wenn ich jetzt die SCSS-Datei CSS kompiliert, wird es im Grunde erzeugt nur die jQTouch CSS mit meinem Dateinamen. Die Farbspezifikation ist nirgendwo zu sehen, obwohl die Variable pro Dokumentation (Official Guide) und in der Datei jqtouch.scss, die ich zum Anpassen importiere, definitiv korrekt ist.

Ich laufe Sass 3.2.9 und Compass 0.12.2 auf einem Windows-Rechner.

Ich habe es mit mehr Variablen und verschiedenen Dateiimporten versucht, aber das Ergebnis ist immer, dass meine Override-Werte nicht enthalten sind.

Die Ruby-Konfigurationsdatei für Kompass scheint unverdächtig zu sein.

Hat jemand eine Idee, was schief läuft, so dass meine Override-Werte ignoriert werden?

Answer 1

Sie setzen die Farbe nach es wurde bereits verwendet. Im Grunde, was Sie versuchen, dies zu tun ist:

$color: red; 

.foo { 
    background: $color; 
} 

$color: green; 

Je nachdem, wie jQTouch geschrieben wird, können Sie nicht in der Lage sein, die Farben überhaupt zu ändern. Sie müssen die Variablen als Standard festgelegt, um werden, um sie vor der Zeit zu überschreiben:

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

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

So sollte Ihr Code als solche geschrieben werden:

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

@import 'jqtouch';