No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
extension.js
libsass.js.mem
sass.js
sass.worker.js

README.md

SASS/SCSS compiler

sass-compiler is an extension for the code editor CodeTasty that adds automatic compilation of SASS files upon saving.

Configuration

There are 2 methods to configure the extension.

1, Configuration file

Create or edit codetasty.json file in workspace root.

{
    "extension": {
        "sass-compiler": {
            "files": {
                "watch": [
                    "less/*.sass"
                ]
                "source": "less/app.sass",
                "output": "build/app.css"
            }
        }
    }
}

files

Type: Array|Object

Can be also array to compile multiple files.

files.watch

Type: Array, Required

List of files to watch. Can include asterisk (*) to match any file name.

files.source

Type: String, Required

Source file that should be compiled.

files.output

Type: String, Required

Destination where the compiled output is saved.

files.style

Type: String, Default: compressed

Sets output format.

Options: style, nested, expanded, compact, compressed

files.plugin

Type: String|Array

Injects plugin, must be installed (e.g. "css-autoprefixer").

2, Inline comment

Compile options can be set in the first line of the edited file, separated by comma.

// out: ../css/style.css, compress: true

out

Type: String, Required

Sets output file.

// out: ., app.css, ../style.css
// . - same path with css extension
// something.less - will compile this file instead

style

Type: String, Default: compressed

Sets output format.

// style: nested, expanded, compact, compressed

plugin

Type: String, Default: null

Injects plugin, must be installed.

// plugin: css-autoprefixer