Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Alert message: about Replace color-adjust #8277

Closed
iappaPedroza opened this issue May 5, 2022 · 13 comments
Closed

Alert message: about Replace color-adjust #8277

iappaPedroza opened this issue May 5, 2022 · 13 comments

Comments

@iappaPedroza
Copy link

[vite:css] Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.

Got this message when run project in dev mode
[vite:css] Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
1 | @tailwind base;
| ^
2 | @tailwind components;
3 | @tailwind utilities; (x3)
Somebody got the same issue?

@adamwathan
Copy link
Member

Hey! Upgrade to the latest version of @tailwindcss/forms and it'll resolve the warning 👍🏻

tailwindlabs/tailwindcss-forms#115

@thinkjrs
Copy link

thinkjrs commented May 8, 2022

I also had to pin autoprefixer to 10.4.5 to get the errors to go away, in case it helps others.

@tiagobarros01
Copy link

tiagobarros01 commented May 9, 2022

Hey! Upgrade to the latest version of @tailwindcss/forms and it'll resolve the warning 👍🏻

tailwindlabs/tailwindcss-forms#115

This solved my problem!

@jjaimealeman
Copy link

Issue persists, I pinned autoprefixer to 10.4.5.

  "devDependencies": {
    "autoprefixer": "10.4.5",
    "postcss": "^8.4.13",
    "prettier": "^2.6.2",
    "prettier-plugin-tailwindcss": "^0.1.10",
    "tailwindcss": "^3.0.24",
    "vite": "^2.9.9",
    "vite-plugin-handlebars": "^1.6.0"
  },
  "dependencies": {
    "@alpinejs/intersect": "^3.10.2",
    "@tailwindcss/forms": "^0.5.1",
    "alpinejs": "^3.10.2",
    "flowbite": "^1.4.5",
    "tailwindcss-fluid-type": "^1.3.3"
  }

image

@DanChristos
Copy link

DanChristos commented May 18, 2022

Same issue here with me.
"autoprefixer": "^10.4.5" and "@tailwindcss/forms": "^0.5.1".

[vite:css] Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
1  |  @tailwind base;
   |   ^
2  |  @tailwind components;
3  |  @tailwind utilities; (x6)

This has only just started happening after I updated to latest.

@adamwathan
Copy link
Member

You need to update @tailwindcss/forms to the latest version.

@jjaimealeman
Copy link

You need to update @tailwindcss/forms to the latest version.

Perfect, that worked for me!

  "devDependencies": {
    "autoprefixer": "10.4.5",
    "postcss": "^8.4.13",
    "prettier": "^2.6.2",
    "prettier-plugin-tailwindcss": "^0.1.10",
    "tailwindcss": "^3.0.24",
    "vite": "^2.9.9",
    "vite-plugin-handlebars": "^1.6.0"
  },
  "dependencies": {
    "@alpinejs/intersect": "^3.10.2",
    "@tailwindcss/forms": "^0.5.2",
    "alpinejs": "^3.10.2",
    "flowbite": "^1.4.5",
    "tailwindcss-fluid-type": "^1.3.3"
  }

For anyone else getting stuck, "autoprefixer": "10.4.7" will bring the error message back, so stick with 10.4.5 👍

@Pblfer
Copy link

Pblfer commented May 19, 2022

You need to update @tailwindcss/forms to the latest version.

these work for me

@Temepest74
Copy link

You need to update @tailwindcss/forms to the latest version.

Perfect, that worked for me!

  "devDependencies": {
    "autoprefixer": "10.4.5",
    "postcss": "^8.4.13",
    "prettier": "^2.6.2",
    "prettier-plugin-tailwindcss": "^0.1.10",
    "tailwindcss": "^3.0.24",
    "vite": "^2.9.9",
    "vite-plugin-handlebars": "^1.6.0"
  },
  "dependencies": {
    "@alpinejs/intersect": "^3.10.2",
    "@tailwindcss/forms": "^0.5.2",
    "alpinejs": "^3.10.2",
    "flowbite": "^1.4.5",
    "tailwindcss-fluid-type": "^1.3.3"
  }

For anyone else getting stuck, "autoprefixer": "10.4.7" will bring the error message back, so stick with 10.4.5 👍

thank you a lot, i was already getting fed up with this. i hope they fix it

@petertflem
Copy link

Worked when I downgraded autoprefixer to 10.4.5. Had @tailwindcss/form at 0.5.2.

@sheecegardezi
Copy link

yarn upgrade --latest

@wildyeast
Copy link

wildyeast commented Nov 9, 2022

yarn upgrade --latest

I have neither @tailwindcss/forms nor autoprefixer installed. yarn upgrade removed the messages.

vim-sroberge added a commit to vimaec/vim-webgl-component that referenced this issue Jan 11, 2023
[vite:css] Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
tailwindlabs/tailwindcss#8277
@sarjid
Copy link

sarjid commented Jun 13, 2023

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"
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests