.slider__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
}
.item2 {
opacity: 0;
z-index: 0;
animation: showBlock2 30s ease-in-out infinite;
}
@keyframes showBlock2 {
0% {
z-index: 0;
opacity: 0;
}
16% {
opacity: 0;
}
33% {
opacity: 1;
z-index: 1;
}
50% {
opacity: 1;
}
66% {
opacity: 1;
}
83% {
z-index: 0;
opacity: 0;
}
100% {
opacity: 0;
}
}
// Task на стили CSS
function styles() {
return gulp.src([
// Пишем все файлы, которые хотим объединить, в том порядке, в каком они будут располагаться в объединенном файле
"./node_modules/normalize.css/normalize.css",
"./node_modules/slick-carousel/slick/slick.css",
"./node_modules/magnific-popup/dist/magnific-popup.css",
"./source/less/variables.less",
"./source/less/mixins.less",
"./source/less/scaffolding.less",
"./source/less/header.less",
"./source/less/nav.less",
"./source/less/close.less",
"./source/less/title.less",
"./source/less/text.less",
"./source/less/fithures.less",
"./source/less/hotel.less",
"./source/less/btn.less",
"./source/less/map.less",
"./source/less/footer.less",
"./source/less/section-header.less",
"./source/less/form.less",
"./source/less/photo.less",
"./source/less/video.less",
])
.pipe(sourcemaps.init()) // инициализируем создание Source Maps
.pipe(plumber())
.pipe(concat("style.less"))
.pipe(gulp.dest("./source/less"))
.pipe(less())
// .pipe(concat("style.css")) // Объединение файлов в один
.pipe(autoprefixer({
overrideBrowserslist: ["last 2 versions"],
cascade: false
}))
.pipe(gulp.dest("./build/css"))
.pipe(cleanCSS({ // Минификация css
level: 2
}))
.pipe(rename("style.min.css"))
// .pipe(sourcemaps.write(".")) // пути для записи SourceMaps - в данном случае карта SourceMaps будет добавлена прям в данный файл main.min.css в самом конце
.pipe(gulp.dest("build/css"))
.pipe(browserSync.stream());
}