Skip to content

Instantly share code, notes, and snippets.

@thykka
Last active May 27, 2016 11:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thykka/b450db9742246245818807d7642e9247 to your computer and use it in GitHub Desktop.
Save thykka/b450db9742246245818807d7642e9247 to your computer and use it in GitHub Desktop.
Autoprefixer not prefixing transform
var gulp = require('gulp');
var compass = require('gulp-compass');
var autoprefixer = require('gulp-autoprefixer');
var minifyCSS = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var concat = require('gulp-concat');
var notify = require('gulp-notify');
var livereload = require('gulp-livereload');
var plumber = require('gulp-plumber');
var path = require('path');
var notifyInfo = {
title: 'Gulp',
icon: path.join(__dirname, 'gulp.png')
};
var plumberErrorHandler = {
errorHandler: notify.onError({
title: notifyInfo.title,
icon: notifyInfo.icon,
message: "Error: <%= error.message &>"
})
};
gulp.task('styles', function () {
return gulp.src(['src/scss/**/*.scss'])
.pipe(plumber(plumberErrorHandler))
.pipe(compass({
css: 'css',
sass: 'src/scss',
image: 'img'
}))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('css'))
.pipe(rename({ suffix: '.min' }))
.pipe(minifyCSS())
.pipe(gulp.dest('css'));
});
gulp.task('scripts', function () {
return gulp.src('src/js/**/*.js')
.pipe(plumber(plumberErrorHandler))
.pipe(concat('main.js'))
.pipe(gulp.dest('js'))
.pipe(rename({ suffix: '.min' }))
.pipe(uglify())
.pipe(gulp.dest('js'));
});
gulp.task('default', function () {
livereload.listen();
gulp.watch('src/scss/**/*.scss', ['styles']);
gulp.watch('src/js/**/*.js', ['scripts']);
gulp.watch(
['*.html',
'css/*.css',
'js/main.min.js'], function (event) {
gulp.src(event.path)
.pipe(plumber())
.pipe(livereload())
.pipe(notify({
title: notifyInfo.title,
icon: notifyInfo.icon,
message: event.path.replace(__dirname, '').replace(/\\/g, '/') + ' was ' + event.type + ' and reloaded'
})
);
});
});
{
"name": "localrogo",
"version": "1.0.0",
"description": "",
"main": "localrogo.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "thykka",
"dependencies": {
"chmod": "^0.2.1",
"fs": "0.0.2",
"fs-xattr": "^0.1.11",
"mkdirp": "^0.5.1",
"touch": "^1.0.0",
"wrench": "^1.5.8"
},
"devDependencies": {
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.0",
"gulp-compass": "^2.1.0",
"gulp-concat": "^2.6.0",
"gulp-livereload": "^3.8.1",
"gulp-minify-css": "^1.2.4",
"gulp-notify": "^2.2.0",
"gulp-plumber": "^1.1.0",
"gulp-rename": "^1.2.2",
"gulp-uglify": "^1.5.3"
}
}
.derp {
transform: translateX(-10%);
-webkit-filter: blur(5px);
filter: blur(5px);
}
.derp {
transform: translateX(-10%);
filter: blur(5px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment