O Foundation 6 não gera nenhum estilo
Eu configurei um novo projeto para testar o Foundation 6 usando Gulp e Sass, mas ele não parece compilar. Há outro post próximo a esse tópico, mas eu pessoalmente acredito que a resposta aceita não é a solução correta - pois inclui todos os componentes e é, na verdade, o oposto do que o Zurb sugere (consulte este problema:https://github.com/zurb/foundation-sites/issues/7537)De qualquer forma...
Instalei o Foundation 6.1.1 do bower e adicionei o caminho ao meugulp-sass
função emgulpfile.js
igual a:
// Compile Our Sass
gulp.task('sass', function() {
return gulp.src('scss/theme.scss')
.pipe(sass({ includePaths : ['bower_components/foundation-sites/scss'], outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(gulp.dest('css/'))
});
Minhastheme.scss
é o seguinte:
//vendor file
@import '../bower_components/foundation-sites/scss/settings/settings';
@import '../bower_components/foundation-sites/scss/foundation';
body{
background: red;
}
Ao compilar meu scss, não recebo erros, mas a saída detheme.css
se parece com isso:
/**
* Foundation for Sites by ZURB
* Version 6.1.1
* foundation.zurb.com
* Licensed under MIT Open Source
*/
body {
background: red;
}
Parece que ele está acessando o arquivo desde que o comentário foi emitido, mas não está compilando nenhuma das importações do Sass emfoundation.scss
.