cssvjs

Fast, Refined CSS Value-Parser

Getting Started

⚠ cssvjs is currently not stable and heavily under development. The API might change and all 0.0.x releases should be treated as test / preview releases.

Install via npm:

$ npm install cssvjs

Install via yarn:

$ yarn add cssvjs

Include directly via jsdelivr:

<script src="https://cdn.jsdelivr.net/npm/graceful-ws/dist/cssvjs.min.js"></script>

Usage

import {parse} from 'cssjvs';
// const {parse} = require('cssjvs'); // Without es6 import
// const {parse} = CSSvJS; // In a browser env
console.log(parse(`rgba(40 54 22 / 23%)`));

which will print the following to the console:

{
  type: 'color',
  format: 'rgba',
  value: [
    {type: 'num', value: 40},
    {type: 'num', value: 54},
    {type: 'num', value: 22},
    {type: 'percentage', value: 23}
  ]
}

Supported values

All values are fully tested, submit an issue if you find a bug. I'll slowly fill add more types. Version 1.0.0 will cover all the basic ones.

• <angle> parser / tests
• <color> parser / tests
• <length> parser / tests
• <percentage> parser / tests
• <position> parser / tests
• <ratio> parser / tests
• <side-or-corner> parser / tests
• <string> parser / tests
• <time> parser / tests
• <url> parser / tests