Export your Sass data structures to JSON.
npm install sass-json-exportsass-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.
sass-json-export is available on npm.
`` git`
git clone https://github.com/oddbird/sass-json-export.git && cd sass-json-export
` bash`
npm install sass-json-export --save-dev
#### 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 orregular. Default is all.
All you need is Sass 3.3+. Otherwise it's just pure Sass madness.
* NodeJS
* Sass 3.3
* grunt-cli via npm install -g grunt-cli
1. Fork this repository
2. Run npm installgrunt dev`
3.
4. Make your changes + write tests
5. Commit + Pull request