Skip to content
This repository has been archived by the owner on Mar 10, 2022. It is now read-only.

Commit

Permalink
v2.0.1 update #73
Browse files Browse the repository at this point in the history
  • Loading branch information
@ritwickdey
ritwickdey committed Jun 28, 2018
1 parent f80fd81 commit 772266a
Show file tree
Hide file tree
Showing 4 changed files with 13 additions and 144 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@

| Version | Date | Changelog|
| ------- | -------- | ------ |
|2.1.0| 28.06.2018 | — ***[Fixes [#73](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/73)]*** Change detection of Partial Sass was missing in `v2.0.0` |
|2.0.0|27.06.2018| &mdash; Fixes [#6](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/6) [#62](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/62) <br>&mdash; Include Path Fixes <br>&mdash; Grid Autoprefix <br>&mdash; Autoprefix is now on by default|
|1.3.0|19.02.2018| &mdash; ***[NEW [#41](https://github.com/ritwickdey/vscode-live-sass-compiler/pull/41)]*** <br> - added ability to suppress the output window<br> - Statusbar button Color change based on `Success` and `error`.<br><br>_[Thanks a lot to [Brandon Baker](https://github.com/bmwigglestein) for sumitting the PR ]_|
|1.2.0|21.12.17| &mdash; ***[New Features [#26](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/26)]*** `savePath` setting updated. You can now specify `savePath` location relative to your Sass files. *See Settings section for more details* *[Thanks [Marius](https://github.com/morsanu)]* <br><br>&mdash; ***[Bug Fixed [#25](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/25)]*** No more extra new line in generated CSS. *[Thanks [Shahril Amri](https://github.com/redemption024)]* <br><br>&mdash;**[Bug Fixed [#33](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/33)]** Now firefox is recognizing source scss file. *[Thanks [Felix](https://github.com/felix007)]*|
Expand Down
146 changes: 7 additions & 139 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,153 +32,21 @@ A VSCode Extension that help you to compile/transpile your SASS/SCSS files to CS
Open VSCode Editor and Press `ctrl+P`, type `ext install live-sass`.

## Settings
* ~~**`liveSassCompile.settings.format`**~~
<hr>
* ~~**`liveSassCompile.settings.savePath`**~~
<hr>
* ~~**`liveSassCompile.settings.extensionName`**~~

<hr>
* ***[NEW]*** **`liveSassCompile.settings.formats`** : To setup Format (style), Extension Name & Save location for exported css [Multiple Format Supported].

* *Format can be _`expanded`_, _`compact`_, _`compressed`_ or _`nested`_. _Default is `expanded`._*

* *Extension Name can be `.css` or `.min.css`. Default is `.css`.*

* ***[New]*** Save location is relative from workspace root or your Sass files.
* Default value is `null`. (`null` means, it will generate CSS in the location of scss/sass. By The Way, It is `null`, NOT `"null"`).

* "`/`" denotes relative to root.

* "`~`" denotes relative to every sass file. - Complex Scenario. *([Checkout the example](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/26#issue-274641546))*

* *Example :*

```js
"liveSassCompile.settings.formats":[
// This is Default.
{
"format": "expanded",
"extensionName": ".css",
"savePath": null
},
// You can add more
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "/dist/css"
},
// More Complex
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "~/../css/"
}
]
```
<hr>
* **`liveSassCompile.settings.excludeList`:** To Exclude specific folders. All Sass/Scss files inside the folders will be ignored.
* _default value :_
```json
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
]
```
* You can use negative glob pattern.

* _Example : if you want exclude all file except `file1.scss` & `file2.scss` from `path/subpath` directory, you can use the expression -_

```json
"liveSassCompile.settings.excludeList": [
"path/subpath/*[!(file1|file2)].scss"
]
```
<hr>
* **`liveSassCompile.settings.includeItems`:** This setting is useful when you deals with only few of sass files. Only mentioned Sass files will be included.

* *NOTE: No need to include partial sass files.*
* *Default value is `null`*
* Example :
```json
"liveSassCompile.settings.includeItems": [
"path/subpath/a.scss",
"path/subpath/b.scss",
]
```
<hr>
* **`liveSassCompile.settings.generateMap`:** Set it as `false` if you don't want `.map` file for compiled CSS.
* _Default is `true`._
<hr>
* **`liveSassCompile.settings.autoprefix` :**
Automatically add vendor prefixes to unsupported CSS properties (e. g. `transform` -> `-ms-transform`).
* _Specify what browsers to target with an array of strings (uses [Browserslist](https://github.com/ai/browserslist))._
* _Set `null` to turn off. (Default is `null`)_
* Example:
```json
"liveSassCompile.settings.autoprefix": [
"> 1%",
"last 2 versions"
]
```
<hr>
* **`liveSassCompile.settings.showOutputWindow` :** Set this to `false` if you do not want the output window to show.
* *NOTE: You can use the command palette to open the Live Sass output window.*
* *Default value is `true`*
<hr>
All settings are now listed here [Settings Docs](./docs/settings.md).

## FAQ
*All FAQs are now listed here [FAQ Docs](./docs/faqs.md)*

## Extension Dependency
This extension has dependency on _[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)_ extension for live browser reload.

## What's new ?

* #### Version 2.0.0 (27.06.2018)
* Fixes [#6](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/6) [#62](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/62)
* Include Path Fixes
* Grid Autoprefix
* Autoprefix is now on by default


* #### Version 2.1.0 (27.06.2018)
* ***[Fixes [#73](https://github.com/ritwickdey/vscode-live-sass-compiler/issues/73)]*** Change detection of Partial Sass was missing in `v2.0.0`

## Changelog
To check full changelog click here [changelog](CHANGELOG.md).

## LICENSE
This extension is licensed under the [MIT License](LICENSE)

## FAQ (For Beginners)

### How to config the settings in my project?

Create a `.vscode` folder in the root of project. Inside of `.vscode` folder create a json file named `settings.json`.
Inside of the `settings.json`, type following key-value pairs. By the way you'll get intelli-sense.
```json
{
"liveSassCompile.settings.formats":[
{
"format": "expanded",
"extensionName": ".css",
"savePath": "/css"
},
{
"extensionName": ".min.css",
"format": "compressed",
"savePath": "/dist/css"
}
],
"liveSassCompile.settings.excludeList": [
"**/node_modules/**",
".vscode/**"
],
"liveSassCompile.settings.generateMap": true,
"liveSassCompile.settings.autoprefix": [
"> 1%",
"last 2 versions"
]
}
```
This extension is licensed under the [MIT License](LICENSE)
2 changes: 1 addition & 1 deletion package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "live-sass",
"displayName": "Live Sass Compiler",
"description": "Compile Sass or Scss to CSS at realtime with live browser reload.",
"version": "2.0.0",
"version": "2.1.0",
"publisher": "ritwickdey",
"author": {
"name": "Ritwick Dey",
Expand Down Expand Up @@ -139,7 +139,7 @@
"array",
"null"
],
"default": [
"default": [
"> 1%",
"last 2 versions"
],
Expand Down Expand Up @@ -187,7 +187,7 @@
"@types/mocha": "^2.2.32"
},
"announcement": {
"onVersion": "2.0.0",
"message": "SassCompiler: CSS Prefix is now by Default. Grid Prefix added & Core Library is upgraded"
"onVersion": "2.1.0",
"message": "SassCompiler@2.1.0: Fixes Partial Sass Issue"
}
}

0 comments on commit 772266a

Please sign in to comment.