From 2c6b77799c5fcbadb05a2bd5a4e53e9612d6426f Mon Sep 17 00:00:00 2001 From: Brad Cornes Date: Thu, 11 Jun 2020 15:25:15 +0100 Subject: [PATCH] add changelog and readme --- CHANGELOG.md | 31 +++++++++++++++++++++++++++++++ README.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 81 insertions(+) create mode 100644 CHANGELOG.md create mode 100644 README.md diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..5c867ef --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,31 @@ +# Changelog + +## 0.2.0 + +- Support for Tailwind v1 via LSP 🎉 +- Support for multi-root workspaces +- Support for reason, slim, edge, njk, svelte files (thanks [@nhducit](https://github.com/nhducit), [@wayness](https://github.com/wayness), [@mattwaler](https://github.com/mattwaler), [@guillaumebriday](https://github.com/guillaumebriday)) +- Support for non-default Tailwind separators +- Add `@variants` completions +- Better support for dynamic class(Name) values in JSX +- Disables Emmet support by default. This can be enabled via the `tailwindCSS.emmetCompletions` setting + +## 0.1.16 + +- add support for [EEx templates](https://hexdocs.pm/phoenix/templates.html), via [vscode-elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir) – thanks [@dhc02](https://github.com/dhc02) + +## 0.1.15 + +- add support for [leaf](https://github.com/vapor/leaf) files (#16) + +## 0.1.10 + +- add syntax definitions for `@apply` and `config()`: + + **Before:** + + Syntax highlighting before update + + **After:** + + Syntax highlighting after update diff --git a/README.md b/README.md new file mode 100644 index 0000000..f766281 --- /dev/null +++ b/README.md @@ -0,0 +1,50 @@ +# Tailwind CSS IntelliSense + +> [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code + +**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)** + +HTML autocompletion + +## Features + +Tailwind CSS IntelliSense uses your projects Tailwind installation and configuration to provide suggestions as you type. + +It also includes features that improve the overall Tailwind experience, including improved syntax highlighting, and CSS previews. + +### HTML (including Vue, JSX, PHP etc.) + +- [Class name suggestions, including support for Emmet syntax](#class-name-suggestions-including-support-for-emmet-syntax) + - Suggestions include color previews where applicable, for example for text and background colors + - They also include a preview of the actual CSS for that class name +- [CSS preview when hovering over class names](#css-preview-when-hovering-over-class-names) + +### CSS + +- [Suggestions when using `@apply` and `config()`](#suggestions-when-using-apply-and-config) +- Suggestions when using the `@screen` directive +- [Improves syntax highlighting when using `@apply` and `config()`](#improves-syntax-highlighting-when-using-apply-and-config) + +## Examples + +#### Class name suggestions, including support for Emmet syntax + +HTML autocompletion + +#### CSS preview when hovering over class names + +HTML hover preview + +#### Suggestions when using `@apply` and `config()` + +CSS autocompletion + +#### Improves syntax highlighting when using `@apply` and `config()` + +Before: + +CSS syntax highlighting before + +After: + +CSS syntax highlighting after