v0.3.0

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={`_

v0.3.0-alpha.3

• 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

v0.3.0-alpha.2

• 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)

v0.3.0-alpha.1

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={`_