@valtech-commerce/json-to-scss

Convert a JSON to a SCSS map


Keywords
json, map, scss
License
MIT
Install
npm install @valtech-commerce/json-to-scss@1.0.1

Documentation

@valtech-commerce/json-to-scss

npm npms.io: Score libraries.io: SourceRank License: MIT

Convert a JSON to a SCSS map

Install

$ npm install @valtech-commerce/json-to-scss

Usage

const jsonToScss = require('@valtech-commerce/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
);
*/

Source

Forked from razwan/json-to-sass-map

License

MIT © Valtech Canada inc.