css-lexer

CSS Lexer

Just an experiment

Usage

$ npm install -g css-lexer
$ css-lexer some-file

Result

// Input (some-file.txt)
btn-bing:
	- background-color: red;
	- color: red;
	- float: left;

// Output
[
	{
	 	element: 'btn-bing',
		tokens: [ 'background-color:red', 'color:blue' ],
		css: '{ background-color: red; color: blue; }'
	}
]

It creates an structure for web-components

elements/
	elements.html // containes the imports
	btn-bing/ // directory
		btn-bing.html // automatically linked to elements.html