https://github.com/yumyo/grunt-sass-chromatic

Compile Sass to CSS
https://github.com/yumyo/grunt-sass-chromatic

Last synced: 5 months ago
JSON representation

Compile Sass to CSS

• Host: GitHub
• URL: https://github.com/yumyo/grunt-sass-chromatic
• Owner: yumyo
• License: mit
• Fork: true (sindresorhus/grunt-sass)
• Created: 2017-04-06T10:22:49.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-06T11:00:43.000Z (about 8 years ago)
• Last Synced: 2024-10-01T03:40:56.147Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 104 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
> This fork adds **chromatic** to grunt-sass. For more info, please see [https://github.com/bugsnag/chromatic-sass](https://github.com/bugsnag/chromatic-sass) or just look at `tasks/sass.js`. We keep it up-to-date with the original grunt-sass repo by Sindre Sorhus https://github.com/sindresorhus/grunt-sass. Respective versions should match.

# grunt-sass [![Build Status](https://travis-ci.org/sindresorhus/grunt-sass.svg?branch=master)](https://travis-ci.org/sindresorhus/grunt-sass)

[](https://github.com/sass/node-sass)

> Compile Sass to CSS using [node-sass](https://github.com/sass/node-sass)

*The issue tracker is disabled because of continuous abuse. Use [Stack Overflow](https://stackoverflow.com/questions/tagged/node-sass) for support questions. Issues with the output should be reported on the libsass [issue tracker](https://github.com/hcatlin/libsass/issues). Install issues should be reported on the node-sass [issue tracker](https://github.com/sass/node-sass/issues). Learn how [semver works](https://nodesource.com/blog/semver-tilde-and-caret) before opening a PR updating node-sass.*

This task uses [libsass](http://libsass.org), which is a Sass compiler in C++. It's a lot faster than the original Ruby compiler and [fully compatible](http://sass-compatibility.github.io/).

---

🔥 Want to strengthen your core JavaScript skills and master ES6?
I would personally recommend this awesome ES6 course by Wes Bos.


---

## Install

```

$ npm install --save-dev grunt-sass

```

## Usage

```js

require('load-grunt-tasks')(grunt); // npm install --save-dev load-grunt-tasks

grunt.initConfig({

	sass: {

		options: {

			sourceMap: true

		},

		dist: {

			files: {

				'main.css': 'main.scss'

			}

		}

	}

});

grunt.registerTask('default', ['sass']);

```

Files starting with `_` are ignored to match the expected [Sass partial behaviour](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#partials).

## Options

See the `node-sass` [options](https://github.com/sass/node-sass#options), except for `file`, `outFile`, `success`, `error`.

The default value for the `precision` option is `10`, so you don't have to change it when using Bootstrap.

## License

MIT © [Sindre Sorhus](https://sindresorhus.com)