update changelog and readme
parent
0af54765b2
commit
b8eda022ea
44
CHANGELOG.md
44
CHANGELOG.md
|
@ -1,5 +1,49 @@
|
|||
# Changelog
|
||||
|
||||
## 0.3.0
|
||||
|
||||
### General
|
||||
|
||||
- Added support for string values in Tailwind's `important` option (#96)
|
||||
- Removed all unnecessary logs (#91)
|
||||
- Added support for components in addition to utilities (#67)
|
||||
- Added description to custom variant completion items where possible
|
||||
- Config parsing errors are now displayed in the VS Code UI
|
||||
- Class names from `@tailwind base` are now included (by default `@tailwind base` does not include any class names but plugins may contribute them)
|
||||
- Color swatches can now be displayed for rules with multiple properties and/or colors with variable alpha (#113)
|
||||
- Added `tailwindCSS.includeLanguages` setting:
|
||||
```json
|
||||
{
|
||||
"tailwindCSS.includeLanguages": {
|
||||
"plaintext": "html"
|
||||
}
|
||||
}
|
||||
```
|
||||
This setting allows you to add additional language support. The key of each entry is the new language ID and the value is any one of the extensions built-in languages, depending on how you want the new language to be treated (e.g. `html`, `css`, or `javascript`)
|
||||
|
||||
### HTML
|
||||
|
||||
- Added built-in support for `liquid`, `aspnetcorerazor`, `mustache`, `HTML (EEx)`, `html-eex`, `gohtml`, `GoHTML`, and `hbs` languages
|
||||
- Added syntax definition to embedded stylesheets in HTML files
|
||||
|
||||
### CSS
|
||||
|
||||
- Added built-in support for `sugarss` language
|
||||
- Added `theme` (and `config`) helper hovers
|
||||
- Added `@apply` class name hovers
|
||||
- Added directive completion items with links to documentation
|
||||
- Added `@tailwind` completion items (`preflight`/`base`, `utilities`, `components`, `screens`) with links to documentation
|
||||
- Helper completion items that contain the `.` character will now insert square brackets when selected
|
||||
- `@apply` completion list now excludes class names that are not compatible
|
||||
- Added CSS syntax highlighting in `.vue` files (#15)
|
||||
|
||||
### JS(X)
|
||||
|
||||
- Completions now trigger when using backticks (#50, #93):
|
||||
```js
|
||||
const App = () => <div className={`_
|
||||
```
|
||||
|
||||
## 0.2.0
|
||||
|
||||
- Support for Tailwind v1 via LSP 🎉
|
||||
|
|
33
README.md
33
README.md
|
@ -21,9 +21,10 @@ It also includes features that improve the overall Tailwind experience, includin
|
|||
|
||||
### CSS
|
||||
|
||||
- [Suggestions when using `@apply` and `config()`](#suggestions-when-using-apply-and-config)
|
||||
- [Suggestions when using `@apply` and config helpers](#suggestions-when-using-apply-and-config)
|
||||
- Suggestions when using the `@screen` directive
|
||||
- [Improves syntax highlighting when using `@apply` and `config()`](#improves-syntax-highlighting-when-using-apply-and-config)
|
||||
- Suggestions when using the `@variants` directive
|
||||
- [Improves syntax highlighting when using `@apply` and config helpers](#improves-syntax-highlighting-when-using-apply-and-config-helpers)
|
||||
|
||||
## Examples
|
||||
|
||||
|
@ -35,11 +36,11 @@ It also includes features that improve the overall Tailwind experience, includin
|
|||
|
||||
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/html-hover.gif" alt="HTML hover preview" width="750">
|
||||
|
||||
#### Suggestions when using `@apply` and `config()`
|
||||
#### Suggestions when using `@apply` and config helpers
|
||||
|
||||
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css.gif" alt="CSS autocompletion" width="750">
|
||||
|
||||
#### Improves syntax highlighting when using `@apply` and `config()`
|
||||
#### Improves syntax highlighting when using `@apply` and config helpers
|
||||
|
||||
Before:
|
||||
|
||||
|
@ -48,3 +49,27 @@ Before:
|
|||
After:
|
||||
|
||||
<img src="https://raw.githubusercontent.com/bradlc/vscode-tailwindcss/master/img/css-highlighting-after.png" alt="CSS syntax highlighting after" width="400">
|
||||
|
||||
## Settings
|
||||
|
||||
### `tailwindCSS.includeLanguages`
|
||||
|
||||
This setting allows you to add additional language support. The key of each entry is the new language ID and the value is any one of the extensions built-in languages, depending on how you want the new language to be treated (e.g. `html`, `css`, or `javascript`):
|
||||
|
||||
```json
|
||||
{
|
||||
"tailwindCSS.includeLanguages": {
|
||||
"plaintext": "html"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### `tailwindcss.emmetCompletions`
|
||||
|
||||
Enable completions when using [Emmet](https://emmet.io/)-style syntax, for example `div.bg-red-500.uppercase`. Default: `false`
|
||||
|
||||
```json
|
||||
{
|
||||
"tailwindCSS.emmetCompletions": true
|
||||
}
|
||||
```
|
||||
|
|
Loading…
Reference in New Issue