diff --git a/README.md b/README.md index 00cd2e27f71541fa2e32ef221a1fd2cb829aafa5..c30bc26f4d11b3b878c1e8b1d467228cee14ad85 100644 --- a/README.md +++ b/README.md @@ -6,46 +6,33 @@ **[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)** ## 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 -# Tailwind CSS IntelliSense +> [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code - - They also include a preview of the actual CSS for that class name - CSS preview when hovering over class names ### CSS +> [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code # Tailwind CSS IntelliSense -**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)** -- Suggestions when using the `@screen` directive -- Improves syntax highlighting when using `@apply` and `config()` +> [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code -## Examples - +- suggestions when using the `@screen` directive -#### Class name suggestions, including support for Emmet syntax +- improves syntax highlighting when using `@apply` and `config()` -HTML autocompletion +## GIFs -#### CSS preview when hovering over class names +### HTML - # Tailwind CSS IntelliSense +- Class name suggestions, including support for Emmet syntax -#### Suggestions when using `@apply` and `config()` +Hover over a class name to preview the CSS: - > [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code +### HTML (including Vue, JSX, PHP etc.) -#### Improves syntax highlighting when using `@apply` and `config()` +### CSS -Before: - -CSS syntax highlighting before - -After: - -CSS syntax highlighting after +CSS autocompletion diff --git a/img/css-highlighting-after.png b/img/css-highlighting-after.png deleted file mode 100644 index 86a12fb8596e001e2c68d171733cb7950d66335c..0000000000000000000000000000000000000000 Binary files a/img/css-highlighting-after.png and /dev/null differ diff --git a/img/css-highlighting-before.png b/img/css-highlighting-before.png deleted file mode 100644 index 2eeffdc19d7293136e52f9426eb66456d0c1abb4..0000000000000000000000000000000000000000 Binary files a/img/css-highlighting-before.png and /dev/null differ