Wie überschreibt man SCSS-Variablen beim Übersetzen zu CSS?

Ich versuche, jqtouch-themes basierend auf SASS und COMPASS. Ich habe eine Datei custom.scss mit den meisten einfachen code, eine 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 kompilieren der scss-Datei, css -, wird es im Grunde nur generieren, die jqtouch css-Datei mit meinem Namen. Die Farbangabe ist nirgends zu sehen, obwohl die variable ist definitley richtige pro-Dokumentation (Official Guide) und in der jqtouch.scss-Datei, die ich importieren für costumizing.

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

Habe ich versucht, es mit mehr Variablen und andere Datei importiert, aber das Ergebnis ist immer, dass meine override-Werte sind nicht aufgenommen.

Den ruby-config-Datei für den Kompass scheint unauffälliger.

Hat jemand eine Idee, was schief geht in den Prozess, so dass meine override-Werte werden ignoriert?

InformationsquelleAutor der Frage bouscher | 2013-06-13

  1. 65

    Du bist das einstellen der Farbe nach es bereits verwendet wurde. Im Grunde, was Sie zu tun versuchen, ist dies:

    $color: red;

.foo {
    background: $color;
}

$color: green;

    Je nachdem, wie jqtouch geschrieben, die Sie möglicherweise nicht in der Lage, zum ändern der Farben überhaupt. Sie müssen die Variablen als Standard gesetzt werden, um zu überschreiben, die Sie vor der Zeit:

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

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

    Sodass Ihr code sollte so geschrieben werden, als solche:

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

@import 'jqtouch';

    InformationsquelleAutor der Antwort cimmanon

Schreibe einen Kommentar