sass-json-export  

sass-json-export allows you to export your Sass data structures as JSON.

It is based on Hugo Giraudel's
SassyJSON, which is
no longer maintained. It
is simplified to include only the JSON exporter from SassyJSON, and not the
(much more complex) JSON parser.

Install

sass-json-export is available on npm.

$3

`` git
git clone https://github.com/oddbird/sass-json-export.git && cd sass-json-export
`

$3

` bash
npm install sass-json-export --save-dev
`

Example

$3

#### Sass

` scss
$map: ((a: (1 2 ( b : 1 )), b: ( #444444, false, ( a: 1, b: test ) ), c: (2 3 4 string)));

@include json-encode($map);
`

#### CSS

` css
/! json-encode: '{"a": [1, 2, {"b": 1}], "b": ["#444444", false, {"a": 1, "b": "test"}], "c": [2, 3, 4, "string"]}' /

body::before {
display:block;
width:0;height:0;
overflow:hidden;
content: '{"a": [1, 2, {"b": 1}], "b": ["#444444", false, {"a": 1, "b": "test"}], "c": [2, 3, 4, "string"]}';
}

head {
font-family: '{"a": [1, 2, {"b": 1}], "b": ["#444444", false, {"a": 1, "b": "test"}], "c": [2, 3, 4, "string"]}';
}

@media -json-encode {
json {
json: '{"a": [1, 2, {"b": 1}], "b": ["#444444", false, {"a": 1, "b": "test"}], "c": [2, 3, 4, "string"]}';
}
}
`

If you want to restrict the output to only one of the three drivers (comment,
media query or regular output) you can pass a flag as the second parameter with
one of the four following keywords: all, comment, media or
regular. Default is all.

Requirements

All you need is Sass 3.3+. Otherwise it's just pure Sass madness.

Development

$3

* NodeJS
* Sass 3.3
* grunt-cli via npm install -g grunt-cli

$3

1. Fork this repository
2. Run npm install
3. grunt dev`
4. Make your changes + write tests
5. Commit + Pull request

Credits

* Fabrice Weinberg
* Hugo Giraudel