readme wip

master
Brad Cornes 2020-06-23 12:21:42 +01:00
parent c6c4be3645
commit cba601d776
1 changed files with 15 additions and 11 deletions

View File

@ -8,23 +8,27 @@ In order for the extension to activate you must have [`tailwindcss` installed](h
## Features ## Features
- **Autocomplete** ### Autocomplete
Intelligent suggestions for class names, [CSS directives](https://tailwindcss.com/docs/functions-and-directives/), and [`theme` helper](https://tailwindcss.com/docs/functions-and-directives/#theme).
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/autocomplete.png" alt="" /> Intelligent suggestions for class names, as well as [CSS functions and directives](https://tailwindcss.com/docs/functions-and-directives/).
- **Linting** <img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/autocomplete.png" alt="" />
Highlights errors and potential bugs in both your CSS and your markup.
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/linting.png" alt="" /> ### Linting
- **Hover Preview** Highlights errors and potential bugs in both your CSS and your markup.
See the complete CSS for a Tailwind class name by hovering over it.
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/hover.png" alt="" /> <img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/linting.png" alt="" />
- **CSS Syntax Highlighting** ### Hover Preview
Provides syntax definitions so that Tailwind features are highlighted correctly.
See the complete CSS for a Tailwind class name by hovering over it.
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/diagnostics/.github/hover.png" alt="" />
### CSS Syntax Highlighting
Provides syntax definitions so that Tailwind features are highlighted correctly.
## Settings ## Settings