开发者社区> 镜像站> NPM> rootbeer
rootbeer
Transform JSON into scss syntax Sass.
Last updated 5 years ago by gkatsev .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install rootbeer 
SYNC missed versions from official npm registry.

rootbeer

Build Status

Streamy module that transforms a JSON stream into scss syntax Sass.

rootbeer converts JSON objects into Sass maps, which are supported in Ruby Sass 3.3 and libsass 2.0.

npm install rootbeer

Why?

So you can share values between your scripts and stylesheets without having to use something like SassyJSON, which doesn't work with libsass.

Examples

Example source file theme.json:

{
  "string": "I am a string",
  "boolean": true,
  "number": 1.23,
  "array": [1, 2, 3],
  "object": {
    "foo": "bar"
  }
  "null": null
}

From the command-line:

$ rootbeer -i theme.json -o theme.scss -p "\$theme: "

Output theme.scss:

$theme: (
  string: I am a string,
  boolean: true,
  number: 1.23,
  array: (1, 2, 3),
  object: (
    foo: bar
  ),
  null: null
);

Or you can use the Node API:

var fs = require('fs');
var rootbeer = require('rootbeer');

fs.createReadStream('theme.json')
  .pipe(rootbeer({
    prefix: '$theme: ',
  }))
  .pipe(fs.createWriteStream('theme.scss'));

Or with gulp using vinyl-source-stream:

var gulp = require('gulp');
var rootbeer = require('rootbeer');
var source = require('vinyl-source-stream');
var rename = require('gulp-rename');

gulp.task('theme', function() {
  return fs.createReadStream('theme.json')
    .pipe(rootbeer({
      prefix: '$theme: ',
    }))
    .pipe(source('theme.json'))
    .pipe(rename('theme.scss'))
    .pipe(gulp.dest('./'));
});

You can also transform normal JavaScript values using the exposed utility function:

rootbeer.convertJs([1, 2, 3]); // (1, 2, 3)

API

rootbeer([opts])

Returns a through stream. Available options:

  • prefix: Add some text to the beginning
  • suffix: Add some text to the end. Defaults to ';'.

rootbeer.convertJs(jsValue)

Convert a normal JavaScript value to its string representation in Sass. Ignores undefined and functions. Calls .toString() on non-plain object instances.

json-sass

This was originally a fork from Andrew Clark's json-sass project.

Naming

This is called rootbeer because it's main ingredient is sassafras.

License

MIT

Current Tags

  • 1.0.5                                ...           latest (5 years ago)

6 Versions

  • 1.0.5                                ...           5 years ago
  • 1.0.4                                ...           5 years ago
  • 1.0.3                                ...           5 years ago
  • 1.0.2                                ...           5 years ago
  • 1.0.1                                ...           5 years ago
  • 1.0.0                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 1
Last Month 2
Dependencies (5)
Dev Dependencies (3)