Useful or not, from you.
vscode Unknown at rule @tailwindcss(unknownAtRules) for base, components, utilities (Tailwind CSS)

<!-- ⚠️⚠️ Do Not Delete This! bug_report_template ⚠️⚠️ --> <!-- Please read our Rules of Conduct: https://opensource.microsoft.com/codeofconduct/ --> <!-- Please search existing issues to avoid creating duplicates. --> <!-- Also please test using the latest insiders build to make sure your issue has not already been fixed: https://code.visualstudio.com/insiders/ -->

<!-- Use Help > Report Issue to prefill these. -->

  • VSCode Version: 1.47.1
  • OS Version: Ubuntu 18.04.4 LTS

Steps to Reproduce:

  1. Installed Tailwind CSS via terminal.
  2. Getting issue: Unknown at rule @tailwindcss(unknownAtRules) for base, components and utilities.

<!-- Launch with code --disable-extensions to check. --> Does this issue occur when all extensions are disabled?: Yes

That's a useful answer
Without any help

From a pure css perspective, @tailwind is unknown.

There are two things you can do:

  • set the unknown at rule severity to ignore: "css.lint.unknownAtRules": "ignore"
  • teach the css language extension about new at rules by adding custom data

Custom data can be contributed using user or workspace settings (see https://code.visualstudio.com/docs/languages/css#_css-custom-data) or by extensions, see https://code.visualstudio.com/api/extension-guides/custom-data-extension.