Skip to content

Releases: tailwindlabs/tailwindcss-intellisense

v0.3.0-alpha.2

03 May 20:08
Compare
Choose a tag to compare
v0.3.0-alpha.2 Pre-release
Pre-release
  • 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

28 Apr 22:51
Compare
Choose a tag to compare
v0.3.0-alpha.1 Pre-release
Pre-release

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