update readme and add changelog
parent
a934dd513e
commit
69edb1e9d8
|
@ -0,0 +1,13 @@
|
||||||
|
# Changelog
|
||||||
|
|
||||||
|
## 0.1.10
|
||||||
|
|
||||||
|
- add syntax definitions for `@apply` and `config()`:
|
||||||
|
|
||||||
|
**Before:**
|
||||||
|
|
||||||
|
<img src="https://user-images.githubusercontent.com/2615508/44740655-ed02ee80-aaf2-11e8-8d3e-1075e0801fd7.png" alt="Syntax highlighting before update" width="345" />
|
||||||
|
|
||||||
|
**After:**
|
||||||
|
|
||||||
|
<img src="https://user-images.githubusercontent.com/2615508/44740606-cba20280-aaf2-11e8-92b8-42adbfe54c61.png" alt="Syntax highlighting after update" width="345" />
|
30
README.md
30
README.md
|
@ -1,19 +1,33 @@
|
||||||
# Tailwind CSS IntelliSense
|
# 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)**
|
**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)**
|
||||||
|
|
||||||
## HTML
|
## Features
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/html.gif" alt="HTML autocompletion" width="750">
|
### 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
|
||||||
|
|
||||||
|
<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:
|
Hover over a class name to preview the CSS:
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/html-hover.gif" alt="HTML hover preview" width="750">
|
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html-hover.gif" alt="HTML hover preview" width="750">
|
||||||
|
|
||||||
## CSS
|
### CSS
|
||||||
|
|
||||||
In CSS files you get autocompletions when using `@apply` and the `config()` helper.
|
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css.gif" alt="CSS autocompletion" width="750">
|
||||||
|
|
||||||
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/css.gif" alt="CSS autocompletion" width="750">
|
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 592 KiB After Width: | Height: | Size: 592 KiB |
Before Width: | Height: | Size: 2.8 MiB After Width: | Height: | Size: 2.8 MiB |
BIN
src/img/css.gif
BIN
src/img/css.gif
Binary file not shown.
Before Width: | Height: | Size: 1.8 MiB |
Loading…
Reference in New Issue