Skip to content

Commit 9c6a715

Browse files
authored
Merge pull request vunguyentuan#30 from vunguyentuan/add-missing-banner-and-readme,-add-changeset
docs: update readme and banner
2 parents 8a6dda6 + 6a56298 commit 9c6a715

File tree

3 files changed

+64
-0
lines changed

3 files changed

+64
-0
lines changed

.changeset/silver-impalas-repeat.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"css-variables-language-server": minor
3+
"vscode-css-variables": minor
4+
---
5+
6+
Support TailwindCSS, reduce extension size, impove load time by 10x, use monorepo

README.md

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
![Banner](https://github.com/vunguyentuan/vscode-css-variables/raw/master/banner.jpg)
2+
3+
> Working with CSS Variables is a pain, this extension enhances the Web Development experience by providing advanced features such as autocomplete, color preview, and go to definition.
4+
5+
<p align="center">
6+
<a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-css-variables"><img src="https://vsmarketplacebadge.apphb.com/installs-short/vunguyentuan.vscode-css-variables.svg" alt="Installs"/></a>
7+
<a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-css-variables"><img src="https://vsmarketplacebadge.apphb.com/version/vunguyentuan.vscode-css-variables.svg" alt=""/></a>
8+
<a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-css-variables"><img src="https://vsmarketplacebadge.apphb.com/rating-star/vunguyentuan.vscode-css-variables.svg" alt=""/></a>
9+
</p>
10+
11+
## Installation
12+
13+
**[Install via the Visual Studio Code Marketplace →](https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-css-variables)**
14+
15+
By default the extension only scan files with this glob patterns:
16+
17+
```json
18+
[
19+
"**/*.css",
20+
"**/*.scss",
21+
"**/*.sass",
22+
"**/*.less"
23+
]
24+
```
25+
26+
And ignore files in these folders:
27+
28+
```json
29+
[
30+
"**/.git",
31+
"**/.svn",
32+
"**/.hg",
33+
"**/CVS",
34+
"**/.DS_Store",
35+
"**/.git",
36+
"**/node_modules",
37+
"**/bower_components",
38+
"**/tmp",
39+
"**/dist",
40+
"**/tests"
41+
]
42+
```
43+
44+
## Features
45+
### Autocomplete & Color Preview
46+
47+
Intelligent suggestions for all css variables in the project
48+
49+
<img src="https://github.com/vunguyentuan/vscode-css-variables/raw/master/demo/color_autocomplete.png" alt="" />
50+
51+
### Go to definition
52+
53+
You can easily knows where the variable coming from by hold Alt/Cmd and click to the variable.
54+
55+
<img src="https://github.com/vunguyentuan/vscode-css-variables/raw/master/demo/goto-definition-trim.gif" alt="" />
56+
57+
## Full demo
58+
![Demo](https://github.com/vunguyentuan/vscode-css-variables/raw/master/demo/demo.v2.3.0.gif)
File renamed without changes.

0 commit comments

Comments
 (0)