Skip to content

Commit 6c1ebcc

Browse files
authored
Pull dev Branch to master (#1)
* v1.0.1: - Updating Clean CSS to v5.0 - extension.ts: More organized (maybe). - README.md: Badges, more images, and changes in ## Formatter Options. * Update README.md
1 parent c255263 commit 6c1ebcc

10 files changed

+455
-244
lines changed

CHANGELOG.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,19 @@ All notable changes to the Clean CSS, extension for VSCode will be documented in
44

55
## [Unreleased]
66

7+
## [1.0.1] - 2021-06-02
8+
### Added
9+
- **"cleanCSS.formatterOptions.compatibility" option's value**:
10+
Clean CSS v5.0 changed the default value of this option. Creating the `ie10` tag to use the old defaults.
11+
### Changed
12+
- **Updating dependency:** clean-css v4.2.3 **->** clean-css v5.0.1
13+
714
## [1.0.0] - 2021-01-01
815
### Added
916
- **"Clean CSS: Format Document" command** to format the whole document using the `settings.json` settings
1017
- **"Clean CSS: Fast Compact" command** to compact the document into a single line, using default settings.
1118
- **"Clean CSS: Fast Beautify" Format** command to format the document in a nice way, using default settings.
1219
- **"Clean CSS: Fast Keep Breaks" Format** command to format the document in a compact but more readable way, using default settings.
1320
- **"Format Document (Clean CSS)" submenu** in the editor context menu with all 4 commands listed above.
14-
- **Key binding: "Format Document" (Ctrl+Shift+F)** to use `Clean CSS: Format Document` command.
21+
- **Key binding: "Format Document" (Shift+Alt+F)** to use `Clean CSS: Format Document` command.
1522
- **Clean CSS output channel** to see more information about formatting. Such as some error and warning messages.

README.md

Lines changed: 27 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,37 @@
22
<img src="https://raw.githubusercontent.com/Travis71i/clean-css-vscode/master/images/clean-css-vscode-v1.png" alt="Clean CSS for VSCode" width="800px"/>
33
</h1>
44

5-
CSS file optimizer. Using [Clean CSS](https://github.com/jakubpawlowicz/clean-css) and adapting it to work as an extension of VSCode.
5+
![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/travis71i.clean-css-vscode)
6+
![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/travis71i.clean-css-vscode)
7+
![David](https://david-dm.org/Travis71i/clean-css-vscode.svg)
8+
![LICENSE](https://img.shields.io/github/license/Travis71i/clean-css-vscode)
69

7-
**Note:** The functionality of this extension depends entirely on Clean CSS. Thanks to [jakubpawlowicz](https://github.com/jakubpawlowicz) for creating and managing it!
10+
**Notes:** The functionality of this extension depends entirely on Clean CSS. Thanks to [jakubpawlowicz](https://github.com/jakubpawlowicz) for creating and managing it!
811

9-
# Features
12+
# What's new
13+
**Clean CSS has been updated to [version 5.0](https://github.com/jakubpawlowicz/clean-css#whats-new-in-version-50)**.
14+
You can see what has changed [here](https://github.com/jakubpawlowicz/clean-css/blob/master/History.md).
15+
16+
These changes affect the functionality of the extension, but will not affect how it is handled in VSCode. Except for :
17+
>Changes default Internet Explorer compatibility from 10+ to >11, to revert the old default use { compatibility: 'ie10' } flag;
18+
19+
To see a list of all the changes in this extension see [CHANGELOG.md](CHANGELOG.md).
1020

21+
# Features
1122
- Compress CSS files using Clean CSS optimizer.
23+
24+
![Before](https://raw.githubusercontent.com/Travis71i/clean-css-vscode/master/images/css_1.png)
25+
![After](https://raw.githubusercontent.com/Travis71i/clean-css-vscode/master/images/css_2.png)
26+
1227
- Quickly format using different presets, in the editor context menu.
28+
29+
![Editor Context Menu](https://raw.githubusercontent.com/Travis71i/clean-css-vscode/master/images/editor_context_menu.png)
30+
1331
- Use "Clean CSS: Format Document" command (Shift+Alt+F) to format using user settings.
1432

33+
![Settings UI](https://raw.githubusercontent.com/Travis71i/clean-css-vscode/master/images/settings_ui.png)
34+
35+
1536
# Extension Settings
1637

1738
## Debug Tool
@@ -24,44 +45,6 @@ CSS file optimizer. Using [Clean CSS](https://github.com/jakubpawlowicz/clean-cs
2445

2546
## Formatter Options
2647

27-
All options in this group go directly to the formatter.
28-
See [Clean CSS: Options](https://github.com/jakubpawlowicz/clean-css#constructor-options) for more info about it.
29-
30-
### List of Supported Settings in Settings UI
31-
32-
#### Compatibility
33-
34-
- `cleanCSS.formatterOptions.compatibility` Type: string
35-
36-
#### Format
37-
38-
- `cleanCSS.formatterOptions.format.breaks` Type: object
39-
- `cleanCSS.formatterOptions.format.breakWith` Type: string
40-
- `cleanCSS.formatterOptions.format.indentBy` Type: number
41-
- `cleanCSS.formatterOptions.format.indentWith` Type: string
42-
- `cleanCSS.formatterOptions.format.spaces` Type: object
43-
- `cleanCSS.formatterOptions.format.wrapAt` Type: number or boolean
44-
- `cleanCSS.formatterOptions.format.semicolonAfterLastProperty` Type: boolean
45-
46-
#### Inline
47-
48-
- `cleanCSS.formatterOptions.inline` Type: Array
49-
50-
#### Levels
51-
52-
- `cleanCSS.formatterOptions.level.1` Type: object
53-
- `cleanCSS.formatterOptions.level.2` Type: object
54-
55-
# Release Notes
56-
See [CHANGELOG.md](CHANGELOG.md) for more info.
57-
58-
## 1.0.0
59-
60-
### Added
61-
- **"Clean CSS: Format Document" command** to format the whole document using the `settings.json` settings
62-
- **"Clean CSS: Fast Compact" command** to compact the document into a single line, using default settings.
63-
- **"Clean CSS: Fast Beautify" Format** command to format the document in a nice way, using default settings.
64-
- **"Clean CSS: Fast Keep Breaks" Format** command to format the document in a compact but more readable way, using default settings.
65-
- **"Format Document (Clean CSS)" submenu** in the editor context menu with all 4 commands listed above.
66-
- **Key binding: "Format Document" (Ctrl+Shift+F)** to use `Clean CSS: Format Document` command.
67-
- **Clean CSS output channel** to see more information about formatting. Such as some error and warning messages.
48+
All options in this group go directly to the formatter. `cleanCSS.formatterOptions` object is an `options` object of Clean CSS.
49+
50+
See [Clean CSS: Options](https://github.com/jakubpawlowicz/clean-css#constructor-options) for more info about the `options` object.

images/css_1.png

23.3 KB
Loading

images/css_2.png

9.37 KB
Loading

images/editor_context_menu.png

18.6 KB
Loading

images/settings_ui.png

34.9 KB
Loading

0 commit comments

Comments
 (0)