update readme and add changelog

master
Brad Cornes 2018-08-28 20:40:20 +01:00
parent a934dd513e
commit 69edb1e9d8
6 changed files with 35 additions and 8 deletions

13
CHANGELOG.md 100644
View File

@ -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" />

View File

@ -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
<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:
<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/src/img/css.gif" alt="CSS autocompletion" width="750">
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css.gif" alt="CSS autocompletion" width="750">

BIN
img/css.gif 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

Before

Width:  |  Height:  |  Size: 592 KiB

After

Width:  |  Height:  |  Size: 592 KiB

View File

Before

Width:  |  Height:  |  Size: 2.8 MiB

After

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB