Grunt autoprefixer error when using @extent in scss file
you need to use @extend not @extent
Gulp ruby-sass and autoprefixer do not get along
sass,gulp,gulp-sass,autoprefixer
Instead of: browsers: ['last 2 versions'], Try this: browsers: ['last 2 version'], If that doesn't work, I've had better luck with gulp-sass and gulp-sourcemaps. // Compile Sass & create sourcemap .pipe(sourcemaps.init()) .pipe(sass()) .pipe(sourcemaps.write()) .pipe(gulp.dest('css')) // Autoprefix, load existing sourcemap, create updated sourcemap .pipe(sourcemaps.init({loadMaps: true})) .pipe(autoprefixer('last 2 version') .pipe(sourcemaps.write('./')) .pipe(gulp.dest('css')) ...
Grunt SASS Invalid property name appearance
Pretty lame, but it had to do with the indenting. Had to be: .select select -webkit-appearance: none -moz-appearance: none appearance: none ...
Gulp Autoprefixer Not Working
This gulpfile: var gulp = require('gulp'); var sass = require('gulp-sass'); var prefix = require('gulp-autoprefixer'); var minify = require('gulp-minify-css'); var plumber = require('gulp-plumber'); function onError(err) { console.log(err); } gulp.task('sass', function(){ return gulp.src('src/style.scss') .pipe(sass()) .pipe(prefix('last 2 versions')) .pipe(minify()) .pipe(gulp.dest('css/')) .pipe(plumber({ errorHandler: onError })) }); With this scss: body { opacity: .5; box-sizing:...
How to combine postcss / autoprefixer with LESS
According to the Gulp-Less Readme, If you are using version 1.3.7 or higher you will have the ability to use a growing set LESS plugins, potentially simplifying your build steps. And the code they suggest using would look like this. var LessPluginAutoPrefix = require('less-plugin-autoprefix'), autoprefix= new LessPluginAutoPrefix({browsers: ["last 2 versions"]});...
How to use the compass transition mixins with a translateX property and autoprefixer?
css,css3,sass,compass,autoprefixer
If you're using autoprefixer, you don't need to use Compass's built-in transition mixins (since all they really do is apply browser prefixes). You're also having issues because translateX isn't the property - transform is, and translateX is a value of that property. You can keep the transition details as a...
How to set up autoprefixer.browsers value using docpad.coffee config?
coffeescript,stylus,docpad,autoprefixer
It works - the problem layed somewhere else! Thus the question already contains the answer how to set it up ... The following gradient-related issue made me check for my gradient-syntax: https://github.com/artpolikarpov/fotorama/issues/91 And following the specs: http://www.w3schools.com/css/css3_gradients.asp more thoroughly and since changing background: linear-gradient( top, red, yellow); background: radial-gradient( top...
Running Autoprefixer with BundleTransformer / LESS in Debug mode
asp.net,less,autoprefixer,bundletransformer
In the documentation (sections: “Examples of usage”, “Debugging HTTP-handlers” and “Postprocessors”) describes how to solve this problem. I will list the basic steps: For debugging HTTP-handlers to use a configuration settings from bundles need to add in the RegisterBundles method of App_Start/BundleConfig.cs file the following code: BundleResolver.Current = new CustomBundleResolver();...
Yoeman task “autoprefixer:dist” gets stuck
angularjs,gruntjs,autoprefixer
It is probably the fact that grunt-autoprefixer doesn't find any files. If that is the case it will block grunt: https://github.com/nDmitry/grunt-autoprefixer/issues/115 My PR just got merged and this issue is fixed in grunt-autoprefixer 3.0.3....
CSS Animation: why does it not work in firefox when generated by autoprefixer
Remove the quotes " around the animation names in your keyframes declaration. The animation name is an identifier, and not a string. @keyframes "blink" { from, to { color: transparent; } 50% { color: black; } } ...