gulp.task('default', function () {
return gulp.src('css/*.css')
.pipe(autoprefixer({
browsers: ['last 3 versions'],
cascade: false
}))
.pipe(gulp.dest('app/css'));
});"preferences": {
"bem.elementSeparator": "__",
"bem.modifierSeparator": "_",
"bem.shortElementPrefix": "-",
},"snippets": {
"html" : {
"filters" : "html, bem",
}
}.page-header>.__top-menu
// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {
browserSync.init({
server: "./app"
});
gulp.watch("app/scss/*.scss", ['sass']);
gulp.watch("app/*.html").on('change', browserSync.reload);
});<div class="fotorama" data-nav="thumbs" data-width="470" data-height="360" data-thumbwidth="111" data-thumbheight="84" data-thumbborderwidth="0" data-thumbmargin="10">
<div class="fotorama__wrap-link" data-img="pic/photo-5.jpg"><a href="pic/photo-5-big.jpg" class="fancybox"></a></div>
<div class="fotorama__wrap-link" data-img="pic/photo-6.jpg"><a href="pic/photo-6-big.jpg" class="fancybox"></a></div>
<div class="fotorama__wrap-link" data-img="pic/photo-7.jpg"><a href="pic/photo-7-big.jpg" class="fancybox"></a></div>
<div class="fotorama__wrap-link" data-img="pic/photo-8.jpg"><a href="pic/photo-8-big.jpg" class="fancybox"></a></div>
</div>