build-sass

Atom Build provider for sass, compiles SCSS (and Sass) into CSS. Supports the linter package for error highlighting.

If you prefer LibSass, take note of the separate build-sassc package. When in doubt, consult the Sass Compatibility chart.

See the linter in action

Installation

apm

Install build-sass from Atom's Package Manager or the command-line equivalent:

$ apm install build-sass

Using Git

Change to your Atom packages directory:

Windows

# Powershell
$ cd $Env:USERPROFILE\.atom\packages

:: Command Prompt
$ cd %USERPROFILE%\.atom\packages

Linux & macOS

$ cd ~/.atom/packages/

Clone repository as build-sass:

$ git clone https://github.com/idleberg/atom-build-sass build-sass

Inside the cloned directory, install Node dependencies:

$ yarn || npm install

You should now be setup to build the package:

$ yarn build || npm run build

Usage

Build

Before you can build, select an active target with your preferred build option.

Available targets:

• SCSS [compact|compressed|expanded|user]
• Watch SCSS [compact|compressed|expanded]
• Sass [compact|compressed|expanded|user]
• Watch Sass [compact|compressed|expanded]

Shortcuts

Here's a reminder of the default shortcuts you can use with this package:

Select active target

Cmd+Alt+T or F7

Build script

Cmd+Alt+B or F9

Jump to error

Cmd+Alt+G or F4

Toggle build panel

Cmd+Alt+V or F8

License

This work is licensed under the The MIT License.