Stack Overflow
Stack Overflow

Questions tagged [autoprefixer]

Parse CSS and add vendor prefixes to CSS rules using values from Can I Use.

Parse CSS and add vendor prefixes to CSS rules using values from Can I Use.

321 questions
246
votes
27 answers

Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

Recently, when I compile my scss files I get an error. The error message says: Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslist First, as the message says, I ran npm update caniuse-lite…
Nick Mehrdad Babaki
  • 11,560
  • 15
  • 45
  • 70
81
votes
4 answers

Gulp-autoprefixer throwing ReferenceError: Promise is not defined

I try to make a gulp compile my sass then autoprefixit with gulp-autoprefixer but i'm getting an error. var gulp = require('gulp'), sass = require('gulp-sass'), autoprefixer = require('gulp-autoprefixer'); gulp.task('test', function(){ …
Matei
  • 1,783
  • 1
  • 14
  • 17
56
votes
12 answers

autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated

I installed autoprefixer and I get this warning: npm install autoprefixer@10.4.5 --save-exact WARNING in…
ZebraCoder
  • 1,480
  • 1
  • 5
  • 12
46
votes
4 answers

webpack (with sass-loader) - scss file @import does not recognize resolve alias

My project structure: webpack.config.js app-- --> src ---->> components ------>>> myComponent.js ------>>> myComponent.scss --> styles ---->> variables.scss In webpack.config module.exports: ... resolve: { alias: { …
tome
  • 1,136
  • 2
  • 8
  • 25
32
votes
4 answers

How do I solve "Greetings, time traveller. We are in the golden age of prefix-less CSS, where Autoprefixer is no longer needed for your stylesheet."?

In my Next.JS app I import my stylesheet in _app.js like this: import '../public/css/Index.css'; Index.css contains this: .index-container { margin: 20px auto 0; } How do I solve the error…
strangeQuirks
  • 4,761
  • 9
  • 40
  • 67
26
votes
3 answers

npm with node-sass and autoprefixer

I use node-sass to compile all my Sass files to a master.css. This works well but now I want to add prefixes. I would like to use only the npm, no Gulp or Grunt. Here my package.json file: { "name": "xxxxxx.com", "version": "1.0.0", …
QJan84
  • 786
  • 3
  • 9
  • 22
22
votes
4 answers

css autoprefixer with webpack

I have been trying to configure webpack with LESS and Autoprefixer, but autoprefixer does not seem to work. My css or less files are not autoprefixed. Example: display: flex stays display: flex I have put my webpack config below: var autoprefixer =…
wrick17
  • 701
  • 1
  • 5
  • 14
22
votes
4 answers

How can I test if an autoprefixer is working?

I am currently trying to set up the autoprefixer npm package. I would like to insert some css to see if it adds vendor prefixes as needed. However, I'm not sure what css I would add that would trigger an automatic vendor-specific insert. How might…
andersr
  • 1,055
  • 1
  • 13
  • 24
14
votes
4 answers

Use SASS (from command line) and Autoprefixer (for Bootstrap 4.x)

I have recently started using the scss files, especially to customize Bootstrap. To compile my scss files (and also bootstrap) i use sass from the command line. Example : sass /path/to/scss/bootstrap/mycustom.scss /path/to/css/bootstrap.min.css -t…
WhiteLine
  • 1,919
  • 2
  • 25
  • 53
13
votes
3 answers

Use Autoprefixer in npm without Gulp

Do I need to install all these dependencies and devDependencies to use autoprefixer in node, although I do not use gulp at all? https://github.com/postcss/autoprefixer/blob/master/package.json I want to use it in node like this: "scripts": { …
Bolko
  • 155
  • 1
  • 1
  • 9
12
votes
3 answers

Autoprefixer doesn't work in create-react-app while using sass

I'm using create-react-app and I'm using ".scss" files to style the app, and according to the documentation, autoprefixer should work automatically ... https://facebook.github.io/create-react-app/docs/post-processing-css Here's my "index.scss" file…
Ruby
  • 2,207
  • 12
  • 42
  • 71
11
votes
2 answers

Generating sourcemaps with npm scripts using node-sass and postcss autoprefixer

Is it possible to generate fully working sourcemaps using node-sass and postcss autoprefixer when piping output from one to another? I currently have the following in package.json: "scripts": { "sass": "node-sass sass/app.scss --source-map true…
baseten
  • 1,362
  • 1
  • 13
  • 34
11
votes
5 answers

Gulp Autoprefixer Not Working

I'm unable to get Autoprefixer to work with Gulp. I'm using opacity in my CSS, gradients, and transforms and there aren't any vendor prefixes showing up. Otherwise, everything else is working. Here's my gulp file: var gulp = require('gulp'); var lr…
shooghkirk
  • 125
  • 1
  • 1
  • 8
11
votes
3 answers

gulp-sass autoprefix sourcemap

This weekend I started playing around with gulp. I wanted to set up a task which can compile my sass files keep working if I make mistakes in the sass file work with sass Bootstrap generate sourcemaps append browser prefixes inject the compiled…
puffy
  • 235
  • 3
  • 9
11
votes
2 answers

Gulp sourcemap with less/concat/autoprefixer/minifycss?

Is it possible to generate a sourcemap with all these transformations? gulp.task('styles', function() { return gulp.src(source.styles) .pipe(plumber()) .pipe(gulpif(/\.less$/, plumber().pipe(less({ strictMath: true, …
mpen
  • 272,448
  • 266
  • 850
  • 1,236
1
2 3
…
21 22