Библотека создает глобальный объект $={}Не нужно ничего добавлять глобально
все елементы которые начинаются с "TPL." автоматические удаляются со страницынеявное не настраиваемое поведение - плохо
id="TPL.card"Почему ид? Не класс, не дата-аттриб, а ид, который только один на странице
nav.main-navigation
ul.links-list
li.wrapped-link: a.link(href='') Link
li.wrapped-link: a.link(href='') Link
li.wrapped-link: a.link(href='') Link
li.wrapped-link: a.link(href='') Link
li.wrapped-link: a.link(href='') Link
.main-navigation {
// ...
}
.links-list {
display: flex;
justify-content: center;
margin: 0;
padding-left: 0;
list-style-type: none;
}
.wrapped-link {
flex-basis: 20%;
> .link {
display: block;
padding: 15px;
text-align: center;
text-decoration: none;
&:hover,
&:focus {
text-decoration: none;
background-color: #333;
}
}
}
// Таск для оптимизации изображений
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 отпимизированные изображения
});