W jaki sposób zmienne Sass są przypisywane do selektorów CSS za pomocą Foundation 4?

Przeszukałem to wszystko i przeszukałem, i oczywiście przeszedłem przez odpowiednią dokumentację, ale jest kilka rzeczy związanych z Fundacją 4, po prostu nie wydaje mi się, żebym się rozwodził, odnosząc się do konwertowania Sassa.

Skonfigurowałem Foundation with Compass, używając polecenia create project, więc Sass działa. Plik app.scss importuje „ustawienia” i „fundament” oraz jest kompilowany za pomocą „zegarka”.

Pierwsza połowa mojego pytania: Rozumiem, że app.css jest skompilowany z plików komponentów w klejnocie (czy to zdanie ma sens?), Ale gdzie mogę znaleźć te składniki? Gdzie jest na przykład „fundament / komponenty / globalny”?

Druga połowa mojego pytania: zmienne zadeklarowane w app.scss jak// $body-bg: #fff;: W jaki sposób Sass wie, do czego ta zmienna odnosi się w CSS? Nie mogę znaleźć nigdzie miejsca, do którego zostałby przypisany, powiedzmy,body {background}. W jaki sposób Sass importuje powyższą zmienną, jeśli jest skomentowana (jak w moim przykładzie)? Prawie wszystkie zmienne w _settings.scss są komentowane.

Spędziłem kilka dni próbując to uzyskać i czuję, że tęsknię za jakąś naprawdę oczywistą głupią rzeczą, ale czuję, że prawie chcę wyrzucić laptopa przez okno :(

questionAnswers(1)

yourAnswerToTheQuestion