npmpackage.info

Gathering detailed insights and metrics for postcss-color-tokenizer

postcss-color-tokenizer

0.0.2

4.61 kB

Installations

npm install postcss-color-tokenizer

Developer Guide

BETA

Typescript

No

Module System

N/A

Min. Node Version

>=10.0.0

Node Version

12.19.0

NPM Version

6.14.8 Score

64.3

Supply Chain

76.4

Quality

75.2

Maintenance

100

Vulnerability

100

License

Releases

Unable to fetch releases

Contributors

Love this project? Help keep it running — sponsor us today! 🚀

Download Statistics

Total Downloads

632

Last Day

Last Week

Last Month

Last Year

Maintainers

Package Meta Information

Latest Version

0.0.2

Package Id

postcss-color-tokenizer@0.0.2

Unpacked Size

4.61 kB

Size

2.34 kB

File Count

NPM Version

6.14.8

Node Version

12.19.0

Total Downloads

Cumulative downloads

Total Downloads

632

Last Day

Compared to previous day

Last Week

-75%

Compared to previous week

Last Month

69.2%

Compared to previous month

Last Year

18.5%

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

postcss

Dev Dependencies

clean-publish eslint eslint-ci eslint-plugin-jest husky jest jest-ci jest-cli lint-staged pipetteur

PostCSS Color Tokenizer

PostCSS plugin to convert colour values into variables.

Alpha release; does not output new SCSS variables to a stylesheet at present.

1.foo {
2    color: black;
3    background: #fff;
4    border: 2px solid rgb(0 0 0);
5}

1.foo {
2    color: $color_0;
3    background: $color_1;
4    border: 2px solid $color_0;
5}

Usage

Step 1: Install plugin:

1npm install --save-dev postcss postcss-color-tokenizer

Step 2: Check your project for an existing PostCSS config: postcss.config.js in the project root, "postcss" section in package.json or postcss in bundle config.

If you do not use PostCSS, add it according to official docs and set this plugin in settings.

Step 3: Add the plugin to plugins list:

1module.exports = {
2  plugins: [
3+   require('postcss-color-tokenizer'),
4    require('autoprefixer')
5  ]
6}

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to postcss-color-tokenizer

postcss-color-tokenizer

Installations

Developer Guide

No

N/A

>=10.0.0

12.19.0

6.14.8

Score

Releases

Unable to fetch releases

Contributors

Download Statistics

Maintainers

Package Meta Information

Total Downloads

632

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

PostCSS Color Tokenizer

Usage