diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..96306ff --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,13 @@ +# Changelog + +## 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 index 9421b63..c30bc26 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,33 @@ # Tailwind CSS IntelliSense -> Tailwind CSS class name completion for VS Code +> [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 +## Features -HTML autocompletion +### Markup + +- class name suggestions, including support for Emmet +- CSS preview when hovering over class names + +### CSS + +- class name suggestions when using `@apply` +- suggestions when using the `config` helper +- suggestions when using the `@screen` directive +- improves syntax highlighting when using `@apply` and `config()` + +## GIFs + +### HTML + +HTML autocompletion Hover over a class name to preview the CSS: -HTML hover preview +HTML hover preview -## CSS +### CSS -In CSS files you get autocompletions when using `@apply` and the `config()` helper. - -CSS autocompletion +CSS autocompletion diff --git a/img/css.gif b/img/css.gif new file mode 100644 index 0000000..e81904e Binary files /dev/null and b/img/css.gif differ diff --git a/src/img/html-hover.gif b/img/html-hover.gif similarity index 100% rename from src/img/html-hover.gif rename to img/html-hover.gif diff --git a/src/img/html.gif b/img/html.gif similarity index 100% rename from src/img/html.gif rename to img/html.gif diff --git a/src/img/css.gif b/src/img/css.gif deleted file mode 100644 index 7e28857..0000000 Binary files a/src/img/css.gif and /dev/null differ