jhouedanou

gulp.task('sass', function() {
    return gulp.src('./sass/*.scss')
        .pipe(sass({outputStyle: 'compressed'}))
        .pipe(strip_comments())
       // .pipe(autoprefixer())
        .pipe(gulp.dest('./')) // Output LTR stylesheets (style.css)
        .pipe(plumber({ errorHandler: onError }))
        .pipe(browserSync.stream());
});

jhouedanou

gulp.task('images', function() {
    return gulp.src('./images/src/*')
        .pipe(plumber({ errorHandler: onError }))
        .pipe(imagemin({ optimizationLevel: 7, progressive: true }))
        .pipe(gulp.dest('./images'));
});
var onError = function(err) {
    console.log('An error occurred:', gutil.colors.magenta(err.message));
    gutil.beep();
    this.emit('end');

jhouedanou

gulp.task('sprite', function() {
    var spriteData = 
        gulp.src('./images/sprite/*.*')
            .pipe(spritesmith({
                imgName: 'sprite.png',
                cssName: 'sprite.css',
            }));
    spriteData.img.pipe(gulp.dest('./images/')); 
    spriteData.css.pipe(gulp.dest('./styles/')); 
});

jhouedanou

npm install gulp-cli -g
npm install gulp -D
touch gulpfile.js
gulp --help

jhouedanou

require('es6-promise').polyfill();
var gulp = require('gulp');
var sass = require('gulp-sass');
var rename = require('gulp-rename');
var plumber = require('gulp-plumber');
var gutil = require('gulp-util');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var browserSync = require('browser-sync');

jhouedanou

div#headerwrapper.ym-wrapper>div#header.ym-wbox>div#headergrid.ym-grid-linearize-level-1>(div#logo.ym-g33.ym-gl+div#menu.ym-gym-gr)

jhouedanou

<script src="https://unpkg.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script>

jhouedanou

<div id="headerwrapper" class="ym-wrapper">
	<div id="header" class="ym-wbox">
		<div id="headergrid" class="ym-grid-linearize-level-1">
			<div id="logo" class="ym-g33 ym-gl"></div>
			<div id="menu" class="ym-g66 ym-gr"></div>
		</div>
	</div>
</div>

jhouedanou

<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
	<script src="https://use.fontawesome.com/794240268b.js"></script>

jhouedanou

	 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">