No fee is paid to subscribe to a service that includes the End Product (eg a website subscription fee).
gulp.watch('app/**/*.pug', gulp.series('pug'));gulp.watch('app/**/*.pug', ['pug']);
$(element).hasClass('class-name');
height: *вставить высоту картинки*;padding-top: *сюда опять высоту картинки*;
.loader__logo--white {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
background-image: url(/img/global/omnam_logo-white.png);
-webkit-animation-name: loading;
animation-name: loading;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-play-state: playing;
animation-play-state: playing;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@keyframes loading {
0% {
width: 0%;
opacity: 1;
}
60% {
width: 100%;
opacity: 1;
}
100% {
opacity: 0;
}
}background-image: url(/img/global/omnam_logo-white.png);background-color: #fff;
gulp.task('serve', ['sass'], function() {
browserSync.init({
server: "./app"
});
gulp.watch("app/scss/*.scss", ['sass']);
gulp.watch("app/*.html").on('change', browserSync.reload); // Обработчик
});
gulp.task('sass', function() {
return gulp.src("app/scss/*.scss")
.pipe(sass())
.pipe(gulp.dest("app/css"))
.pipe(browserSync.stream());
});
gulp.task('default', ['serve']);var browserSync = require('browser-sync').create();