Configurando o zurb foundation-sass com bússola - como você funciona e o utiliza em um projeto?

Eu sou novo em sass e zurb foundation (usei bootstrap / less via codekit no passado) e tenho tentado usar a versão sassfoundation-sass mas não é possível configurá-lo com êxito - por meio da linha de comando usando a gem do zurb ou usando o codekit.

Se eu configurar a gema:

Foundation funciona desde que eu carregue todos os componentes da fundação via@import "ZURB-foundation";

Mas se eu tentar carregar componentes separadamente por descomentar@import "zurb/buttons"; Eu vejo erros:"Undefined variable: "$default-color" - mas onde as variáveis ​​e arquivos mixin vivem?

Além disso, onde os arquivos scss da base estão ativos para que você possa personalizar o design sem ter que substituir tudo usando apps.scss?

Se eu pegar outra rota e tentar usar o codekit de aplicativo mac:

Eu recebo erros que o diretório / zurb / não existe (o que não acontece) - isso parece estar relacionado ao ponto 3 acima - quando você cria um novo projeto de base de bússola, nenhum dos arquivos de base parece viver em sua pasta de projetos.

Se eu fizer o download do foundation-sass via github:

Todos os arquivos estão no formato sass ao invés de scss

E embora você possa modificar mixins de compasso como você os chama, como você modifica arquivos de folha de estilo da fundação sem modificar seus originais - ou você deveria editar seus arquivos?

Eu não encontrei nenhuma informação que eu entenda sobre como tudo deve se encaixar, então eu esperava que alguém aqui soubesse.

Eu não estou usando isso com um projeto de ruby ​​btw - apenas tentando definir as coisas puramente para o trabalho front-end.

Qualquer ajuda seria muito apreciada.

Felicidades

Ben

questionAnswers(2)

yourAnswerToTheQuestion