https://github.com/vandreleal/hexo-renderer-sass-typesettings

:package: Sass renderer plugin for Hexo with Typesettings support
https://github.com/vandreleal/hexo-renderer-sass-typesettings

hexo hexo-renderer node-sass sass typesettings

Last synced: 3 months ago
JSON representation

:package: Sass renderer plugin for Hexo with Typesettings support

• Host: GitHub
• URL: https://github.com/vandreleal/hexo-renderer-sass-typesettings
• Owner: vandreleal
• License: mit
• Archived: true
• Created: 2017-02-16T11:40:06.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-09-10T13:59:48.000Z (over 2 years ago)
• Last Synced: 2024-09-26T10:07:08.687Z (3 months ago)
• Topics: hexo, hexo-renderer, node-sass, sass, typesettings
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/hexo-renderer-sass-typesettings
• Size: 112 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# hexo-renderer-sass-typesettings

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

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

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

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

[Sass] renderer plugin for [Hexo] with [Typesettings] support.

## Install

```sh

$ npm install hexo-renderer-sass-typesettings --save

```

## Usage

To enable [Typesettings] support you need to import it at the beginning of your stylesheet:

``` scss

@import 'typesettings';

```

## Config

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

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

### Example _config.yml

```yaml

typesettings:

  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/

[Typesettings]: http://typesettings.io/

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

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