How to Solve "Greetings, Time Traveller. We Are in the Golden Age of Prefix-Less CSS, Where Autoprefixer Is No Longer Needed for Your Stylesheet."

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.?

Your issue can be solved package.json by applying code below:

 "browserslist": {
    "production": [
      ">0.3%",
      "not ie 11",
      "not dead", 
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version",
      ">0.3%",
      "not ie 11",
      "not dead", 
      "not op_mini all"
    ]
  }

After you have made these changes restart your server. you will no longer get this warning.

tailwind working on my JavaScript file but not in my CSS file

It pretty much says what's wrong:

The border-black-500 class does not exist. If border-black-500 is a custom class, make sure it is defined within a @layer directive.

Try replacing the css class border-black-500 with border-gray-500.

Note: the border-black-500 isn't a predefined tailwindcss class!

Hope this resolves your error:)

(If it does, please let me know and accept my answer)

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

Add following line in package.json:

If you're using yarn:

"resolutions": {
    "autoprefixer": "10.4.5"
}

If you're using npm:

"overrides": {
    "autoprefixer": "10.4.5"
}

---

Related Topics