He buscado en Google y he buscado en todo esto, y por supuesto he revisado la documentación relevante, pero hay un par de cosas sobre Foundation 4 que parece que no puedo entender, en relación a cómo se convierte Sass.

He configurado Foundation con Compass, usando el comando crear proyecto, por lo que Sass se está ejecutando. El archivo app.scss está importando "configuración" y "base", y se está compilando con 'watch'.

Primera mitad de mi pregunta: entiendo que app.css se compila a partir de los archivos de componentes de la gema (¿tiene sentido esa frase?), Pero ¿dónde puedo encontrar estos componentes? ¿Dónde está "foundation / components / global" por ejemplo?

Segunda mitad de mi pregunta: las variables declaradas en app.scss como// $body-bg: #fff;: ¿Cómo sabe Sass a qué se relaciona esta variable en el CSS? No puedo encontrar ningún lugar donde se asigne, por ejemplo,body {background}. Además, ¿cómo importa Sass la variable anterior si está comentada (como en mi ejemplo)? Casi todas las variables en _settings.scss están comentadas.

He pasado días tratando de obtener esto y siento que me estoy perdiendo algo realmente obvio, pero siento que quiero tirar mi computadora portátil por la ventana :(