https://github.com/vandreleal/hexo-renderer-sass-bourbon-neat

:package: Sass renderer plugin for Hexo with Bourbon/Neat support
https://github.com/vandreleal/hexo-renderer-sass-bourbon-neat

bourbon bourbon-neat hexo hexo-renderer neat node-sass sass

Last synced: 4 months ago
JSON representation

:package: Sass renderer plugin for Hexo with Bourbon/Neat support

• Host: GitHub
• URL: https://github.com/vandreleal/hexo-renderer-sass-bourbon-neat
• Owner: vandreleal
• License: mit
• Archived: true
• Created: 2017-02-13T08:06:35.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-09-10T13:59:18.000Z (over 2 years ago)
• Last Synced: 2024-04-25T08:01:39.066Z (9 months ago)
• Topics: bourbon, bourbon-neat, hexo, hexo-renderer, neat, node-sass, sass
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/hexo-renderer-sass-bourbon-neat
• Size: 153 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hexo-renderer-sass-bourbon-neat

[![Build Status](https://travis-ci.org/vandreleal/hexo-renderer-sass-bourbon-neat.svg)](https://travis-ci.org/vandreleal/hexo-renderer-sass-bourbon-neat)

[![NPM Version](https://badge.fury.io/js/hexo-renderer-sass-bourbon-neat.svg)](http://badge.fury.io/js/hexo-renderer-sass-bourbon-neat)

[![dependencies Status](https://david-dm.org/vandreleal/hexo-renderer-sass-bourbon-neat/status.svg)](https://david-dm.org/vandreleal/hexo-renderer-sass-bourbon-neat)

[![devDependencies Status](https://david-dm.org/vandreleal/hexo-renderer-sass-bourbon-neat/dev-status.svg)](https://david-dm.org/vandreleal/hexo-renderer-sass-bourbon-neat?type=dev)

[Sass] renderer plugin for [Hexo] with [Bourbon]/[Neat] support.

## Install

```sh

$ npm install hexo-renderer-sass-bourbon-neat --save

```

## Dependencies

| Package     | Version |

|-------------|---------|

| [Bourbon]   | 7.0.0   |

| [Neat]      | 4.0.0   |

| [node-sass] | 4.13.1  |

## Usage

To enable Bourbon/Neat support you need to import it at the beginning of your stylesheet:

``` scss

@import 'bourbon';

@import 'neat';

```

## Config

This renderer supports all [node-sass] settings. Check out the [node-sass docs] for all available options. Anything specified under the key `bourbon_neat` in your `_config.yml` files will

be passed to the `sass.render()` call.

### Example _config.yml

```yaml

bourbon_neat:

  outputStyle: compressed

  indentedSyntax: false

  omitSourceMapUrl: true

  sourceMap: true

  sourceMapEmbed: false

  sourceMapContents: false

```

### Inheritance

The config object passed to [node-sass] is constructed by merging properties from

the following locations using a least-specific-first order:

1. Hardcoded Defaults (`{ outputStyle: 'nested', sourceComments: false }`)

2. Theme specific `_config.yml`

3. Blog root `_config.yml`

[Hexo]: http://hexo.io/

[Sass]: http://sass-lang.com/

[Bourbon]: http://bourbon.io/

[Neat]: http://neat.bourbon.io/

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

[node-sass docs]: https://github.com/sass/node-sass#options