style-tokens

    0.1.0 • Public • Published

    Style-Tokens

    A tools can parse css text to css tokens

    Build Status Coverage Status NPM version Dependency Status

    Reference :

    Modify from csso: https://github.com/css/csso

    Install

    $ npm install style-tokens
    

    Introduction:

    Use:

    var tokens,
        Tokens = require('style-tokens'),
        csstext = '/* base.css */body { color: red; }';
     
    tokens = Tokens.Parse(csstext); // parse css
     
    console.log(Tokens.TokenType); // all tokens's type, the value is readonly
     
    console.log(tokens);

    Tokens output:

    [
        {
            "index": 0,
            "type": "CommentML",
            "value": "/* base.css */",
            "start": {
                "line": 1,
                "column": 1
            },
            "end": {
                "line": 1,
                "column": 14
            }
        },
        {
            "index": 1,
            "type": "Identifier",
            "value": "body",
            "start": {
                "line": 1,
                "column": 15
            },
            "end": {
                "line": 1,
                "column": 18
            }
        },
        {
            "index": 2,
            "type": "Space",
            "value": " ",
            "start": {
                "line": 1,
                "column": 19
            },
            "end": {
                "line": 1,
                "column": 19
            }
        },
        {
            "index": 3,
            "type": "LeftCurlyBracket",
            "value": "{",
            "start": {
                "line": 1,
                "column": 20
            },
            "end": {
                "line": 1,
                "column": 20
            },
            "right": 11
        },
        {
            "index": 4,
            "type": "Space",
            "value": " ",
            "start": {
                "line": 1,
                "column": 21
            },
            "end": {
                "line": 1,
                "column": 21
            }
        },
        {
            "index": 5,
            "type": "Identifier",
            "value": "color",
            "start": {
                "line": 1,
                "column": 22
            },
            "end": {
                "line": 1,
                "column": 26
            }
        },
        {
            "index": 6,
            "type": "Colon",
            "value": ":",
            "start": {
                "line": 1,
                "column": 27
            },
            "end": {
                "line": 1,
                "column": 27
            }
        },
        {
            "index": 7,
            "type": "Space",
            "value": " ",
            "start": {
                "line": 1,
                "column": 28
            },
            "end": {
                "line": 1,
                "column": 28
            }
        },
        {
            "index": 8,
            "type": "Identifier",
            "value": "red",
            "start": {
                "line": 1,
                "column": 29
            },
            "end": {
                "line": 1,
                "column": 31
            }
        },
        {
            "index": 9,
            "type": "Semicolon",
            "value": ";",
            "start": {
                "line": 1,
                "column": 32
            },
            "end": {
                "line": 1,
                "column": 32
            }
        },
        {
            "index": 10,
            "type": "Space",
            "value": " ",
            "start": {
                "line": 1,
                "column": 33
            },
            "end": {
                "line": 1,
                "column": 33
            }
        },
        {
            "index": 11,
            "type": "RightCurlyBracket",
            "value": "}",
            "start": {
                "line": 1,
                "column": 34
            },
            "end": {
                "line": 1,
                "column": 34
            },
            "left": 3
        }
    ]

    Install

    npm i style-tokens

    DownloadsWeekly Downloads

    0

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • nuintun