Skip to content

Commit 2c6b777

Browse files
committed
add changelog and readme
1 parent bdfe43a commit 2c6b777

File tree

2 files changed

+81
-0
lines changed

2 files changed

+81
-0
lines changed

CHANGELOG.md

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
# Changelog
2+
3+
## 0.2.0
4+
5+
- Support for Tailwind v1 via LSP 🎉
6+
- Support for multi-root workspaces
7+
- Support for reason, slim, edge, njk, svelte files (thanks [@nhducit](https://github.com/nhducit), [@wayness](https://github.com/wayness), [@mattwaler](https://github.com/mattwaler), [@guillaumebriday](https://github.com/guillaumebriday))
8+
- Support for non-default Tailwind separators
9+
- Add `@variants` completions
10+
- Better support for dynamic class(Name) values in JSX
11+
- Disables Emmet support by default. This can be enabled via the `tailwindCSS.emmetCompletions` setting
12+
13+
## 0.1.16
14+
15+
- add support for [EEx templates](https://hexdocs.pm/phoenix/templates.html), via [vscode-elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir) – thanks [@dhc02](https://github.com/dhc02)
16+
17+
## 0.1.15
18+
19+
- add support for [leaf](https://github.com/vapor/leaf) files (#16)
20+
21+
## 0.1.10
22+
23+
- add syntax definitions for `@apply` and `config()`:
24+
25+
**Before:**
26+
27+
<img src="https://user-images.githubusercontent.com/2615508/44740655-ed02ee80-aaf2-11e8-8d3e-1075e0801fd7.png" alt="Syntax highlighting before update" width="345" />
28+
29+
**After:**
30+
31+
<img src="https://user-images.githubusercontent.com/2615508/44740606-cba20280-aaf2-11e8-92b8-42adbfe54c61.png" alt="Syntax highlighting after update" width="345" />

README.md

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
# Tailwind CSS IntelliSense
2+
3+
> [Tailwind CSS](https://tailwindcss.com/) class name completion for VS Code
4+
5+
**[Get it from the VS Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)**
6+
7+
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html.gif" alt="HTML autocompletion" width="750">
8+
9+
## Features
10+
11+
Tailwind CSS IntelliSense uses your projects Tailwind installation and configuration to provide suggestions as you type.
12+
13+
It also includes features that improve the overall Tailwind experience, including improved syntax highlighting, and CSS previews.
14+
15+
### HTML (including Vue, JSX, PHP etc.)
16+
17+
- [Class name suggestions, including support for Emmet syntax](#class-name-suggestions-including-support-for-emmet-syntax)
18+
- Suggestions include color previews where applicable, for example for text and background colors
19+
- They also include a preview of the actual CSS for that class name
20+
- [CSS preview when hovering over class names](#css-preview-when-hovering-over-class-names)
21+
22+
### CSS
23+
24+
- [Suggestions when using `@apply` and `config()`](#suggestions-when-using-apply-and-config)
25+
- Suggestions when using the `@screen` directive
26+
- [Improves syntax highlighting when using `@apply` and `config()`](#improves-syntax-highlighting-when-using-apply-and-config)
27+
28+
## Examples
29+
30+
#### Class name suggestions, including support for Emmet syntax
31+
32+
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html.gif" alt="HTML autocompletion" width="750">
33+
34+
#### CSS preview when hovering over class names
35+
36+
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html-hover.gif" alt="HTML hover preview" width="750">
37+
38+
#### Suggestions when using `@apply` and `config()`
39+
40+
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css.gif" alt="CSS autocompletion" width="750">
41+
42+
#### Improves syntax highlighting when using `@apply` and `config()`
43+
44+
Before:
45+
46+
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css-highlighting-before.png" alt="CSS syntax highlighting before" width="400">
47+
48+
After:
49+
50+
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css-highlighting-after.png" alt="CSS syntax highlighting after" width="400">

0 commit comments

Comments
 (0)