$('button').on('mouseenter', function(){
$(this).parents('.parent-class').addClass('hovered-class');
}).on('mouseleave', function(){
$(this).parents('.parent-class').removeClass('hovered-class');
});gulp.task('img:prod', function () {
return gulp.src(path.src.img) //Выберем наши картинки
.pipe(debug({title: 'building img:', showFiles: true}))
.pipe(plumber(plumberOptions))
.pipe(gulp.dest(path.prod.img)) //Копируем изображения заранее, imagemin может пропустить парочку )
.pipe(imagemin([
imagemin.gifsicle({interlaced: true}),
imageminJpegRecompress({
progressive: true,
max: 80,
min: 70
}),
imageminPngquant({quality: '80'}),
imagemin.svgo({plugins: [{removeViewBox: true}]})
]))
.pipe(gulp.dest(path.prod.img)) //И бросим в prod отпимизированные изображения
.pipe(reload({stream: true}));
});</body>, это избавит вас от многих проблем в будущем. В примере откуда вы взяли код ведь именно так и сделано, все логично, просто нужно быть внимательнее.
//=include('fonts.css')
//=include('jquery.arcticmodal-0.3.css')
//=include('jquery.fancybox.min.css')
//=include('slick.scss')
//=include('reset.css')
//=include('styles.scss')