https://github.com/knovour/postcss-nippon-color

PostCSS plugin for easily invoking the colors on the Nippon Colors.
https://github.com/knovour/postcss-nippon-color

color-palette postcss postcss-plugin

Last synced: 10 days ago
JSON representation

PostCSS plugin for easily invoking the colors on the Nippon Colors.

• Host: GitHub
• URL: https://github.com/knovour/postcss-nippon-color
• Owner: Knovour
• Created: 2017-03-12T18:56:17.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-13T13:41:10.000Z (almost 8 years ago)
• Last Synced: 2024-12-11T22:25:39.973Z (15 days ago)
• Topics: color-palette, postcss, postcss-plugin
• Language: JavaScript
• Size: 4.88 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PostCSS Nippon Color

[PostCSS] plugin for easily invoking the colors on the [Nippon Colors].

Project rewrite from [PostCSS Google Color].

[PostCSS]: https://github.com/postcss/postcss

[Nippon Colors]: http://nipponcolors.com

[PostCSS Google Color]: https://bitbucket.org/hegedusarpad/postcss-google-color/

## Installation

```bash

# npm

npm install postcss-nippon-color -D

# yarn

yarn add postcss-nippon-color -D

```

## Example

[Example color](http://nipponcolors.com/#kuwazome)

```css

h1 {

  color: nippon-color(KUWAZOME);

}

h2 {

  color: nippon-color(); /* random */

}

```

will produce

```css

h1 {

  color: #64363C;

}

h2 {

  color: #RANDOM_COLOR;

}

```