Wie werden die Sass-Variablen mit Foundation 4 CSS-Selektoren zugewiesen?

Ich habe das alles gegoogelt und durchsucht und natürlich die relevanten Dokumente durchgesehen, aber es gibt ein paar Dinge an Foundation 4, die ich einfach nicht verstehen kann, wie Sass konvertiert.

Ich habe Foundation with Compass mit dem Befehl create project eingerichtet, damit Sass ausgeführt wird. Die Datei app.scss importiert "settings" und "foundation" und wird mit "watch" kompiliert.

Erste Hälfte meiner Frage: Ich verstehe, dass app.css aus den Komponentendateien im Gem kompiliert wird (ist dieser Satz sinnvoll?), Aber wo finde ich diese Komponenten? Wo ist zum Beispiel "Foundation / Components / Global"?

Zweite Hälfte meiner Frage: Die in app.scss deklarierten Variablen mögen// $body-bg: #fff;: Woher weiß Sass, worauf sich diese Variable im CSS bezieht? Ich kann nicht überall finden, wo es zugewiesen wird, sagen wir,body {background}. Wie importiert Sass die obige Variable, wenn sie auskommentiert ist (wie in meinem Beispiel)? Fast alle Variablen in _settings.scss sind auskommentiert.

Ich habe Tage damit verbracht, dies zu versuchen und ich habe das Gefühl, dass mir eine wirklich offensichtliche dumme Sache fehlt, aber ich habe fast das Gefühl, dass ich meinen Laptop aus dem Fenster werfen möchte :(

Antworten auf die Frage(1)

Ihre Antwort auf die Frage