tailwind is `base` utility is creating conflicts in existing project.

[rut2]

As litepie-datepicker is rely on tailwind, after successful integration of tailwind, it's conflicting with existing CSS that causes lots of design issues.

How can I integrate litepie without affecting existing design?

[kenhyuwa]

Tailwind CSS version? what's classes with conflicting your CSS?

[rut2]

@kenhyuwa I am using "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.4", "@tailwindcss/postcss7-compat": "^2.0.4"

it's affecting all base tags like <h1> <h2> ... and font style as well.

this is my _date-picker.scss

` // // _date-picker.scss //

// tailwind @tailwind base; @tailwind components; @tailwind utilities;

`

[kenhyuwa]

in this production or development?

[rut2]

It's in development. If I don't use @tailwind base; then everything works fine except litepie

[kenhyuwa]

can you share tailwind.config.js

[rut2]

here it is

const path = require("path");
const colors = require("tailwindcss/colors");

module.exports = {
  important: "#tailwind",
  purge: [path.resolve(__dirname, "./node_modules/litepie-datepicker/**/*.js")],
  theme: {
    extend: {
      colors: {
        // Change with you want it
        "litepie-primary": colors.lightBlue, // color system for light mode
        "litepie-secondary": colors.coolGray // color system for dark mode
      }
    }
  },
  variants: {
    extend: {
      cursor: ["disabled"],
      textOpacity: ["disabled"],
      textColor: ["disabled"]
    }
  }
};

postcss.config.js

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

[kenhyuwa]

do you use vue-cli/vite? try with purge: false.

[rut2]

No, we are using basic vue-cli

Also purge: false is not working. Prefixing CSS class name might be the possible solution

[kenhyuwa]

so, are your problem is fix now?

[rut2]

No actually, as litepie is not using any prefix, CSS classing is not working if I add prefix project. Still the problem is not resolved

[kenhyuwa]

I'm not sure with your problem. because, I also implement to existing project and still work.

[kenhyuwa]

please, reopen with spesific issues.