Intelligent Tailwind CSS tooling for Visual Studio Code
Bot releases are visible (Hide)
Published by bradlc almost 4 years ago
Published by bradlc almost 4 years ago
rescript
to list of default languages. Thanks @dcalhoun! (#222)experimental.classRegex
setting (#129).cjs
extension (#198)Published by bradlc almost 4 years ago
extends
in browserslist config (#159)experimental.classRegex
setting (#129)Published by bradlc almost 4 years ago
experimental.showPixelValues
setting (#200)experimental.classRegex
setting (#129)Published by bradlc almost 4 years ago
[ngClass]
attribute (#187)Published by bradlc almost 4 years ago
experimental.classRegex
setting (#129)@layer
completionsmdx
to default languagesPublished by bradlc about 4 years ago
0
(#177)Published by bradlc about 4 years ago
tailwindCSS.colorDecorators
setting.cssConflict
warnings. (#136)invalidApply
lint rule when applyComplexClasses
experimental flag is enabled.@apply
completion list when applyComplexClasses
experimental flag is enabled.Published by bradlc over 4 years ago
cssConflict
lint rule when classes apply the same properties but have different scopes (#134)Published by bradlc over 4 years ago
purge
option when extracting class names (#131)Published by bradlc over 4 years ago
div(class="")
Published by bradlc over 4 years ago
important
option (#96)@tailwind base
are now included (by default @tailwind base
does not include any class names but plugins may contribute them)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
)liquid
, aspnetcorerazor
, mustache
, HTML (EEx)
, html-eex
, gohtml
, GoHTML
, and hbs
languagessugarss
languagetheme
(and config
) helper hovers@apply
class name hovers@tailwind
completion items (preflight
/base
, utilities
, components
, screens
) with links to documentation.
character will now insert square brackets when selected@apply
completion list now excludes class names that are not compatible.vue
files (#15)const App = () => <div className={`_
Published by bradlc over 4 years ago
sugarss
, typescript
, gohtml
, GoHTML
to built-in languages@apply
completion list now excludes class names that are not compatible@tailwind base
are now included (by default @tailwind base
does not include any class names but in theory plugins can contribute them)Published by bradlc over 4 years ago
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)
Published by bradlc over 4 years ago
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 thetailwindcss
package installed
important
option (#96).vue
files (#15)liquid
, aspnetcorerazor
, and hbs
languagestheme
(and config
) helper hovers@apply
class name hovers@tailwind
completion items (preflight
/base
, utilities
, components
, screens
) with links to documentation@screen
completion item order.
character will now insert square brackets when selectedconst App = () => <div className={`_