@absolunet/json-to-scss

Convert a JSON to a SCSS map

Usage no npm install needed!

<script type="module">
  import absolunetJsonToScss from 'https://cdn.skypack.dev/@absolunet/json-to-scss';
</script>

README

@absolunet/json-to-scss

npm npm dependencies npms Travis CI Code style

Convert a JSON to a SCSS map

Install

$ npm install @absolunet/json-to-scss

Usage

const jsonToScss = require('@absolunet/json-to-scss');

console.log(
  jsonToScss.convert(`
    {
      "points": [
        [0, 1.2],
        [50, 1.6],
        [200, 1.8]
      ],
      "dimension": {
        "small":   600,
        "medium":  900,
        "large":  1200,
        "xlarge": 1500
      },
      "transition": {
        "hover":     100,
        "animation": 500
      },
      "color": {
        "shell": {
            "main":  "#659d32",
          "shade": "#618931"
        },
        "fruit": "#423228"
      }
    }
  `)
);

/*
$points: (
  0 1.2,
  50 1.6,
  200 1.8
);

$dimension: (
  'small': 600,
  'medium': 900,
  'large': 1200,
  'xlarge': 1500
);

$transition: (
  'hover': 100,
  'animation': 500
);

$color: (
  'shell': (
    'main': #659d32,
    'shade': #618931
  ),
  'fruit': #423228
);
*/

API

convert(data [, indent])

Converts JSON to SCSS map
Return String SCSS

data

Required
Type: String
JSON content

indent

Type: String
Default: <tab>
Indent style

Source

Forked from razwan/json-to-sass-map

License

MIT © Absolunet