Stack Overflow
Stack Overflow

Questions tagged [postcss]

PostCSS is a tool for transforming styles with JavaScript plugins. These plugins can support variables, mixins, transpile future CSS syntax, inline images, and more.

PostCSS is used by industry leaders including Google, Twitter, Alibaba, and Shopify. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.

PostCSS can do the same work as preprocessors like Sass, Less, and Stylus. But PostCSS is modular, 3-30 times faster, and much more powerful.

1028 questions
0
votes
2 answers

grunt-postcss autoprefixer not adding prefixes but creates new files

I'm trying to use grunt-postcss with autoprefixer but the css is not getting prefixed. Autoprefixer creates new files, but not prefixed. There is no Error. Here is my gruntfile: postcss: { options: { …
David Strauch
  • 147
  • 2
  • 11
0
votes
1 answer

PostCSS: PxToRem plugin

I'm very new to using Node.js and using post processors for CSS. After reading several articles, I managed to install the following: Node.js (which included npm) Gulp PostCSS Pxtorem (a PostCSS plugin for Gulp) What I would like to do is have the…
MuyGalan
  • 61
  • 1
  • 2
  • 10
0
votes
1 answer

gulp postcss-simple-vars throws error at // comments

I'm attempting to migrate from Sass to postCSS and testing out postcss-simple-vars gulp plugin. I'm using Webstorm IDE, which automatically uses javascript style comments (//) in .scss files, so my non-block comments are all // comments, not /*…
claireablani
  • 7,804
  • 5
  • 16
  • 19
0
votes
1 answer

Cannot make grunt-postcss and autoprefixer work

I'm just trying to use autoprefixer for the first time but the task just hangs and there is no error output, so very difficult to debug. I installed grunt-postcss and autoprefixer following the instructions on the autoprefixer github page: npm…
yago
  • 168
  • 1
  • 11
0
votes
1 answer

@media query is not working (CSS code generated by POSTCSS)

This question has been asked several times. I tried to apply solutions posted to my project, but I still can't get @media query working. Here is my HTML code. CSS code generated using POSTCSS using psotcss-neat plugin …
Bassam Aklan
  • 15
  • 5
0
votes
2 answers

how can you set grunt postCSS options?

Setup postCSS in my gruntfile, primarily as a convenient way to handle autoprefixing and minification, using the following code. postcss: { options: { map: false, // inline sourcemaps processors: [ require('autoprefixer-core')({ …
bigmadwolf
  • 3,419
  • 3
  • 30
  • 44
0
votes
2 answers

How to use PostCSS in Meteor JS?

I want to use PostCSS in my Meteor App but I can't found any package to do this, so does anybody know how to integrate PostCSS in Meteor JS?
Qwe
  • 305
  • 1
  • 2
  • 13
-1
votes
0 answers

Loading PostCSS "postcss-normalize" plugin failed: Cannot find module 'postcss-normalize'

node v16.16.0 yarn 1.22.19 After package upgrade and loading my react app, i got this error ERROR in ./src/index.css…
user3552178
  • 2,719
  • 8
  • 40
  • 67
-1
votes
1 answer

The class does not exist error using tailwindcss in laravel 10 and vite

I'm using Laravel 10 and TailwindCSS and Vite, I install TailwindCSS, PostCSS and Autoprefixer and everything is fine. But when I create a custom class in Resourcess/css/app.css, I get the following error: [plugin:vite:css] [postcss]…
hossein darvishi
  • 11
  • 1
  • 3
-1
votes
1 answer

What is the right way to ship css in a react library?

I am developing my own library of react components. I am using rollup to create the build. I also want to ship css along with it which i bundled into a single styles.css file. My concern is how a user would use it. They can simply import the…
Andrew Slock
  • 21
  • 3
-1
votes
1 answer

internalBinding('errors').triggerUncaughtException( ^ Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'postcss'

Scss Postcss issues Hi found an issue with the postcss compilation error whereby the devdepencies compute the prefix output of the perfix.css as below: internal/process/esm_loader.js:74 internalBinding('errors').triggerUncaughtException( ^Error…
marvin Kurland
  • 1
  • 4
-1
votes
1 answer

Is there any code sample that integrates Laravel with Tailwind CSS?

I am trying to add Tailwind CSS to my freshly created Laravel project, I went to Tailwind CSS documentation What I have added in my webapack.mix.js is the line .sass("resources/sass/app.scss", "public/css") and require("tailwind"). I have also…
runtimeTerror
  • 398
  • 3
  • 14
-1
votes
1 answer

Trying to deploy Laravel app with tailwindcss on frontend. But, when i execute npm run dev i get an error

When npm run dev is being executed in cmd, i get an error saying that i need postcss v8 and i already have postcss v8.3. Is it possible that tailwind requires exact version that is 8 even tho newer versions are being released. Everything is set up…
cryptednanomate
  • 1
-1
votes
1 answer

Css Minimizer Plugin: postcss-svgo: Error: Plugin name should be specified [Gatsby]

Description I cannot get Webpack, Sass, PostCss whatever it is, to work with me.... Can't find anything in the docs or on google whatsoever. Since migrating to Gatsby v3 I have multiple issues, this is one of them... Actual result Environment I use…
mikeyfe6
  • 396
  • 2
  • 17
-1
votes
1 answer

Which unit's width should I reference to and what unit should I use for responsive design? (Not adaptive design)

Right now I am dealing with a project that requires me to use responsive design instead of adaptive design(i.e. No media-quires; everything changes fluidly), and I am not sure which unit should I use for padding and margin. For font-size, I am using…
John Winston
  • 1,260
  • 15
  • 30
1 2 3
…
68
69