@absolunet/json-to-scss 中文文档教程

发布于 3年前 浏览 19 项目主页 更新于 3年前

@absolunet/json-to-scss

npmnpm dependenciesnpmsTravis CI代码风格

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
返回 String SCSS

data

必需
类型:字符串
JSON 内容

indent

类型:String
默认值:
缩进样式

Source

razwan/json-to-sass-map

License

MIT © 绝对网

@absolunet/json-to-scss

npmnpm dependenciesnpmsTravis CICode 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

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文