# css-lexer

> Just an experiment

Latest version **0.3.9** (published 2016-01-31) · ISC license · 0 weekly downloads

## Install

```sh
npm install css-lexer
pnpm add css-lexer
yarn add css-lexer
bun add css-lexer
```

Provides the command `css-lexer`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.9 |
| Published | 2016-01-31 |
| First published | 2016-01-31 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Michell Ayala |
| Maintainers | mishelashala |

## Links

- npm: https://www.npmjs.com/package/css-lexer
- npm.io page: https://npm.io/package/css-lexer

## Dependencies (1)

- [colors](https://npm.io/package/colors.md) 1.1.2

## Recent versions

- 0.3.9 (latest) — 2016-01-31
- 0.3.8 — 2016-01-31
- 0.3.7 — 2016-01-31
- 0.3.5 — 2016-01-31
- 0.2.4 — 2016-01-31
- 0.1.4 — 2016-01-31
- 0.1.3 — 2016-01-31
- 0.1.2 — 2016-01-31
- 0.1.0 — 2016-01-31

## README

# CSS Lexer
Just an experiment

## Usage
```
$ npm install -g css-lexer
$ css-lexer some-file
```

## Result

```js
// 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
```

---
_Source: https://npm.io/package/css-lexer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._