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
9
votes
2 answers

Gulp ruby-sass and autoprefixer do not get along

I have a styles task in my gulpfile: gulp.task('styles', function () { var sass = require('gulp-ruby-sass'); var autoprefixer = require('gulp-autoprefixer'); return gulp.src('app/styles/main.scss') .pipe(sass({sourcemap: true,…
Steve
  • 14,401
  • 35
  • 125
  • 230
8
votes
3 answers

How to use autoprefixer with ViteJS and React?

I'm using React with ViteJS and SASS, but i have a problem. It seems there is not autoprefixer for CSS/SCSS when i will build the project. How to add an auto-prefixer with ViteJS and SASS?
NadfriJS
  • 175
  • 1
  • 2
  • 10
8
votes
1 answer

Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'

This is my first Tailwind CSS project and started with CDN, but I did not always have internet, so I tried it installing using PostCSS, and I am using Vite as my server. Followed this video from CodeWithHarry…
xspd3000
  • 83
  • 1
  • 1
  • 4
8
votes
2 answers

How to get the output from node-sass to postcss autoprefixer

How do I use the output from node-sass to pass through postcss autoprefixer. I'm not looking to use any webpack or gulp. I'm purely using the cli from the node packages This is my current npm script node-sass --watch ./src/scss --output…
user2245534
  • 115
  • 6
8
votes
2 answers

Linear gradient and url-image for browser mobile?

I would like to have an image as background and also a CSS linear gradient : background-image: url("/site/grigliatrasparente.png"), linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); I dont'have problems with desktop browser…
Borja
  • 3,359
  • 7
  • 33
  • 66
8
votes
1 answer

How to pipe output of sass --watch to autoprefixer?

I have a build command for my Sass styles like this: sass src/styles/main.scss --style compressed | autoprefixer -b \"> 1%, IE 8\" > dist/main.css Now, I would like to have a similar command for the developement process. But I can't figure out how…
penzington
  • 81
  • 3
7
votes
1 answer

How to tell Autoprefixer to prefix CSS grid in an Angular 8 project

I have to support IE 11 in an Angular project where we use the latest version of it. I really like to use CSS grid features that IE 11 is capable of. But I can't figure out how to get Autoprefixer work properly. My problem is quite the same as in…
mwinkelm
  • 111
  • 3
7
votes
3 answers

Angular 5 and CSS Grid - Cannot find grid areas - warning

I created a new Angular 5.2 project using the CLI (e.g. ng new MyApp) Changing to the folder and running the app works fine. (e.g ng serve) I made the following changes to the generated code (see below). There are only HTML and CSS code changes,…
Todd Davis
  • 5,855
  • 10
  • 53
  • 89
7
votes
1 answer

Webpack error: configuration has an unknown property 'postcss'

After upgrading to the latest version of webpack, I'm seeing this error: WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration has…
James Gentes
  • 7,528
  • 7
  • 44
  • 64
7
votes
1 answer

Gulp: How to use Browsersync, Sourcemaps, Autoprefixer and CSS Cleaner together?

See below. The problem I'm having with my current code is that Sourcemaps aren't getting injected via Browsersync. Am I missing something here or doing it the wrong way? For reference: https://www.browsersync.io/docs/gulp/#gulp-sass-maps //…
gburning
  • 486
  • 6
  • 19
7
votes
4 answers

How to include autoprefixer for Jekyll

New to Jekyll and new to Ruby I tried to include autoprefixer-rails for my (s)css files directly into Jekyll. So once the page is generated by Jekyll autoprefixer would run over my generated css files. Unfortunately, I haven't managed to set things…
lorenzli
  • 620
  • 1
  • 10
  • 31
6
votes
1 answer

why do I get this error: 'postcss' is not recognized as an internal or external command, operable program or batch file, when I use tailwindcss

PS C:\Users\Chidiebere\Desktop\bookmark reack landing page> npm start new@0.1.0 start npm run watch:css && react-scripts start new@0.1.0 watch:css postcss src/assets/tailwind.css -o src/assets/main.css --watch 'postcss' is not recognized as an…
Chidiebere Ezeokwelume
  • 61
  • 1
  • 3
6
votes
3 answers

Adding Autoprefixer in parcel.js for deployed website broke all website styles?

I have a deployed project built with the Parcel.js bundler. After applying CSS Autoprefixer and redeploying the website almost all of my website's styles are broken. I'm really not sure what has caused this and unfortunately I could not find even…
Ikai Yanasaki
  • 139
  • 2
  • 7
6
votes
1 answer

How can I configure Autoprefixer in Angular 7

I'm using autoprefix in Angular 7 Project. But When I open the browser devtools and focus the element with class "simple-content", which has display flex as applied style, there is no expected 'prefixes'. In Angular 4-6 projects, this works…
Yordan Penev
  • 71
  • 1
  • 1
  • 4
6
votes
3 answers

post css autoprefixer issue on parcel not showing prefixes

Autoprefixer not working on parcel 1.9.7: I have my src folder and I have .postcssrc file and styles file in the same folder content inside the .postcssrc file: { "plugins": { "autoprefixer": true } } parcel was installed with npm install -g…
user9013856
  • 328
  • 2
  • 10
1
2
3
…
21 22