tailwind css

[nibirrayy]

I am trying to use tailwind css. I have followed the tailwind install guide over here.

I followed the "Add Tailwind as a PostCSS plugin" section and added. this to

postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  }
}

now my config look like this

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
    'postcss-import': {},
    'postcss-nested': {},
    'postcss-preset-env': {},
    'postcss-pxtorem': {
      rootValue: 16,
      unitPrecision: 5,
      propList: ['*'],
      selectorBlackList: ['html', 'body'],
      replace: true,
      mediaQuery: false,
      minPixelValue: 0,
    },
  },
};

I also added the directives to App.scss

/* Main CSS file */

@import '_example/_example.css';
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

but it is still not working. I did follow your "Add Sass" section btw

[Sanan4li]

Hi, did you find any solution?

[anwar-kt]

can you try something like @import '/your-css-folder/styles.css' instead of @import '/your-css-folder' ?

[Sanan4li]

by using this boilerplate, I have added tailwindcss support. If anyone wants to use it, here is the Link. I may create a PR on steps to add tailwindcss.