tailwindcss-intellisense

• Fix module resolution in config files when using Yarn Plug'n'Play
• Add noise check when providing Emmet-style completions (#146, #228)

• Add support for Yarn Plug'n'Play. Thanks @DanSnow! (#217)
• Add rescript to list of default languages. Thanks @dcalhoun! (#222)
• Add hover, color decorator, linting support for experimental.classRegex setting (#129)
• Add support for config files with .cjs extension (#198)

• Fix initialisation failure when using extends in browserslist config (#159)
• Fixes for experimental.classRegex setting (#129)

• Add experimental.showPixelValues setting (#200)
• Add some basic initialisation logs
• Fixes for experimental.classRegex setting (#129)

• Add support for [ngClass] attribute (#187)

• Update color parser to avoid interpreting shadows and font-weights as colors (#180)
• Respect default editor tab size in CSS previews
• Add experimental.classRegex setting (#129)
• Fix documentation links
• Add @​layer completions
• Add mdx to default languages
• Fix readme image references

• Prevent crash when there's a Tailwind error, and show the error message in the editor (#156)
• Fix completions not working when encountering a color with an alpha value of 0 (#177)

• Add color decorators for classes and CSS helper functions.
  This can be configured with the new tailwindCSS.colorDecorators setting.
• Fix incorrect cssConflict warnings. (#136)
• Fix completion triggers for "computed" class attributes.
• Disable invalidApply lint rule when applyComplexClasses experimental flag is enabled.
• Show all classes in @apply completion list when applyComplexClasses experimental flag is enabled.

• Fixed cssConflict lint rule when classes apply the same properties but have different scopes (#134)
• Fixed JS error when providing diagnostics in the case that IntelliSense is not enabled (#133)
• Fixed config finder incorrectly determining that no config file can be found (#130)
• Fixed class name completion tree when config is a symlink

• Added linting and quick fixes for both CSS and markup 🚀
• Updated module resolution for compatibility with pnpm (#128)
• The extension now ignores the purge option when extracting class names (#131)
• Fixed hover offsets for class names which appear after interpolations

• Fixed class attribute completions not showing when using the following Pug syntax (#125):

  div(class="")
  

• Fixed hover previews not showing when using a computed class attribute in Vue templates
• Restore missing readme images
• Update settings descriptions to use markdown

General

• Added support for string values in Tailwind's important option (#96)
• Removed all unnecessary logs (#91)
• Added support for components in addition to utilities (#67)
• Added description to custom variant completion items where possible
• Config parsing errors are now displayed in the VS Code UI
• Class names from @tailwind base are now included (by default @tailwind base does not include any class names but plugins may contribute them)
• Color swatches can now be displayed for rules with multiple properties and/or colors with variable alpha (#113)
• Added tailwindCSS.includeLanguages setting:

  {
    "tailwindCSS.includeLanguages": {
      "plaintext": "html"
    }
  }
  

  This setting allows you to add additional language support. The key of each entry is the new language ID and the value is any one of the extensions built-in languages, depending on how you want the new language to be treated (e.g. html, css, or javascript)

HTML

• Added built-in support for liquid, aspnetcorerazor, mustache, HTML (EEx), html-eex, gohtml, GoHTML, and hbs languages
• Added syntax definition to embedded stylesheets in HTML files

CSS

• Added built-in support for sugarss language
• Added theme (and config) helper hovers
• Added @apply class name hovers
• Added directive completion items with links to documentation
• Added @tailwind completion items (preflight/base, utilities, components, screens) with links to documentation
• Helper completion items that contain the . character will now insert square brackets when selected
• @apply completion list now excludes class names that are not compatible
• Added CSS syntax highlighting in .vue files (#15)

JS(X)

• Completions now trigger when using backticks (#50, #93):

  const App = () => <div className={`_
  

• Added sugarss, typescript, gohtml, GoHTML to built-in languages
• @apply completion list now excludes class names that are not compatible
• Class names from @tailwind base are now included (by default @tailwind base does not include any class names but in theory plugins can contribute them)
• Improved completion triggers, in particular for template interpolations
• Added syntax definition to embedded stylesheets in HTML files

• Added built-in support for mustache, HTML (EEx), and html-eex languages

• Color swatches can now be displayed for rules with multiple properties and/or colors with variable alpha (#113)

• Fixed display of rules with multiple values for a single property

• Added tailwindCSS.includeLanguages setting:

  {
    "tailwindCSS.includeLanguages": {
      "plaintext": "html"
    }
  }
  

  This setting allows you to add additional language support. The key of each entry is the new language ID and the value is any one of the extensions built-in languages, depending on how you want the new language to be treated (e.g. html, css, javascript etc.)

• Fixed fsevents not being used on macOS (#112)

It's been a long time coming (sorry!) but the extension has had a bit of a restructure, which has fixed some bugs, enabled some new features, and laid the groundwork for some really cool upcoming features.

I'm dropping an initial pre-release here for brave people to try out, and I will be looking to release a new version of the extension after a bit more testing. To install go to the Extensions panel in VS Code and click on the "three-dot" button. From there, select Install from VSIX... and select the vscode-tailwindcss-0.3.0-alpha.1.vsix file

I appreciate anyone taking the time to try this out and provide feedback. I have a bit more free time at the moment to spend on the extension, and I want to make it as good as it can be!

Please be aware that as usual the extension will only activate if you have a Tailwind config file (**/{tailwind,tailwind.config,tailwind-config,.tailwindrc}.js) somewhere in your workspace and have the tailwindcss package installed

General

• Added support for string values in Tailwind's important option (#96)
• Removed all unnecessary logs (#91)
• Added support for components in addition to utilities (#67)
• Added CSS syntax highlighting in .vue files (#15)
• Added liquid, aspnetcorerazor, and hbs languages
• Added description to custom variant completion items where possible
• Config parsing errors are now displayed in the VS Code UI

CSS

• Added theme (and config) helper hovers
• Added @apply class name hovers
• Added directive completion items with links to documentation
• Added @tailwind completion items (preflight/base, utilities, components, screens) with links to documentation
• Fixed @screen completion item order
• Helper completion items that contain the . character will now insert square brackets when selected

JSX

• Completions now trigger when using backticks (#50, #93):

  const App = () => <div className={`_