1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000000000000000000000000000000000000..96306ff2b9f6758989fb51e6155c435b72fef783
--- /dev/null
+++ b/CHANGELOG.md
@@ -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" />

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

diff --git a/README.md b/README.md
index 9421b63473e1d258f6ccefde0ed94a0002e145ae..c30bc26f4d11b3b878c1e8b1d467228cee14ad85 100644
--- a/README.md
+++ b/README.md
@@ -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
 
-Hover over a class name to preview the CSS:
+- class name suggestions, including support for Emmet
+- CSS preview when hovering over class names
 
-<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/src/img/html-hover.gif" alt="HTML hover preview" width="750">
+### CSS
 
-## 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()`
 
-In CSS files you get autocompletions when using `@apply` and the `config()` helper.
+## 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/img/html-hover.gif" alt="HTML hover preview" width="750">
+
+### CSS
 
-<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">

1
2
3
4

diff --git a/img/css.gif b/img/css.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e81904e7863349207daf4e368aae489a2f9374d8
Binary files /dev/null and b/img/css.gif differ

1
2
3
4

diff --git a/src/img/css.gif b/src/img/css.gif
deleted file mode 100644
index 7e288570a3403e267c9547f921f3cc518d1ba7b4..0000000000000000000000000000000000000000
Binary files a/src/img/css.gif and /dev/null differ

1
2
3

diff --git a/src/img/html-hover.gif b/img/html-hover.gif
rename from src/img/html-hover.gif
rename to img/html-hover.gif

1
2
3

diff --git a/src/img/html.gif b/img/html.gif
rename from src/img/html.gif
rename to img/html.gif