Configuración de zurb foundation-sass con brújula: ¿cómo funciona y cómo lo utiliza en un proyecto?

Soy nuevo en sass y zurb foundation (he usado bootstrap / less a través de codekit en el pasado) y he estado tratando de usar la versión sassfoundation-sass pero no se puede configurar con éxito, ya sea a través de la línea de comandos usando la gema de zurb o usando codekit.

Si configuro la gema:

La base funciona siempre que cargue todos los componentes de la base a través de@import "ZURB-foundation";

Pero si trato de cargar los componentes por separado sin comentarlos.@import "zurb/buttons"; Veo errores:"Undefined variable: "$default-color" - ¿Pero dónde viven las variables y los archivos de mezcla?

Además, ¿dónde viven los archivos scss de Foundation para poder personalizar el diseño sin tener que anular todo utilizando apps.scss?

Si tomo otra ruta e intento usar el codekit de la aplicación mac:

Recibo errores de que el directorio / zurb / no existe (lo que no es así) - esto parece estar relacionado con el punto 3 anterior - cuando creas un nuevo proyecto de brújula-base, ninguno de los archivos de la base parece estar en la carpeta de su proyecto.

Si luego descargo foundation-sass a través de github:

Todos los archivos están en formato sass en lugar de scss

Y aunque puede modificar los mixins de la brújula como los llama, ¿cómo modifica los archivos de hojas de estilo de Foundation sin modificar sus originales, o se supone que debe editar sus archivos?

No he encontrado ninguna información que entienda sobre cómo se supone que todo debe encajar, así que esperaba que alguien aquí pudiera saberlo.

No estoy usando esto con un proyecto de ruby ​​por cierto, solo trato de configurar las cosas exclusivamente para el trabajo de front-end.

Cualquier ayuda sería muy apreciada.

Aclamaciones

Ben

Respuestas a la pregunta(2)

Su respuesta a la pregunta