Как переменные Sass назначаются селекторам CSS в Foundation 4?

Я гуглил и искал все это, и, конечно же, просмотрел соответствующую документацию, но есть несколько вещей в Foundation 4, которые я просто не могу понять, как конвертировать Sass.

Я настроил Foundation с помощью Compass, используя команду create project, поэтому Sass работает. Файл app.scss импортирует «settings» и «foundation» и компилируется с «watch».

Первая половина моего вопроса: я понимаю, что app.css скомпилирован из файлов компонентов в геме (имеет ли это предложение смысл?), Но где я могу найти эти компоненты? Где, например, "Foundation / Components / Global"?

Вторая половина моего вопроса: переменные, объявленные в app.scss, как// $body-bg: #fff;: Как Sass знает, к чему относится эта переменная в CSS? Я не могу найти где-нибудь, где это назначается, скажем,body {background}, Также как Sass импортирует вышеуказанную переменную, если она закомментирована (как в моем примере)? Почти все переменные в _settings.scss закомментированы.

Я потратил несколько дней, пытаясь понять это, и мне кажется, что я упускаю какую-то действительно очевидную глупость, но я почти чувствую, что хочу выбросить свой ноутбук в окно :(

Ответы на вопрос(1)

Ваш ответ на вопрос