Eu pesquisei e pesquisei tudo isso e, é claro, passei pela documentação relevante, mas há algumas coisas sobre a Foundation 4 que eu simplesmente não consigo entender, sobre como o Sass converte.

Eu configurei o Foundation with Compass, usando o comando create project, então o Sass está rodando. O arquivo app.scss está importando "settings" e "foundation" e sendo compilado com 'watch'.

Primeira metade da minha pergunta: Eu entendo que app.css é compilado a partir dos arquivos componentes na gem (essa sentença faz sentido?), Mas onde posso encontrar esses componentes? Onde está "fundação / componentes / global" por exemplo?

Segunda metade da minha pergunta: As variáveis ​​declaradas em app.scss como// $body-bg: #fff;: Como o Sass sabe com o que esta variável se relaciona no CSS? Não consigo encontrar em qualquer lugar onde está sendo atribuído, digamos,body {background}. Também como o Sass importa a variável acima se ela está comentada (como no meu exemplo)? Quase todas as variáveis ​​em _settings.scss são comentadas.

Eu passei dias tentando conseguir isso e eu sinto que estou sentindo falta de algo bobo, mas eu sinto quase que quero jogar meu laptop pela janela :(