tailwind-ctp-intellisense/README.md

34 lines
1.0 KiB
Markdown
Raw Normal View History

2018-08-21 12:44:52 +00:00
# Tailwind CSS IntelliSense
2018-08-21 12:10:52 +00:00
2018-08-28 19:40:20 +00:00
> [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code
2018-08-21 12:30:26 +00:00
2018-08-21 21:05:37 +00:00
**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)**
2018-08-28 19:40:20 +00:00
## Features
2018-08-21 12:30:26 +00:00
2018-08-28 19:40:20 +00:00
### Markup
2018-08-21 12:30:26 +00:00
2018-08-28 19:40:20 +00:00
- 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
2018-08-21 12:30:26 +00:00
2018-08-28 19:40:20 +00:00
### HTML
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html.gif" alt="HTML autocompletion" width="750">
Hover over a class name to preview the CSS:
2018-08-21 12:30:26 +00:00
2018-08-28 19:40:20 +00:00
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html-hover.gif" alt="HTML hover preview" width="750">
2018-08-21 12:30:26 +00:00
2018-08-28 19:40:20 +00:00
### CSS
2018-08-21 12:30:26 +00:00
2018-08-28 19:40:20 +00:00
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css.gif" alt="CSS autocompletion" width="750">