https://github.com/rjdestigter/postcss-colour

Define colours in css the way her majesty Queen Elizabeth II intended it.
https://github.com/rjdestigter/postcss-colour

Last synced: 3 months ago
JSON representation

Define colours in css the way her majesty Queen Elizabeth II intended it.

• Host: GitHub
• URL: https://github.com/rjdestigter/postcss-colour
• Owner: rjdestigter
• License: cc0-1.0
• Created: 2020-09-19T16:14:02.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-19T11:28:38.000Z (about 2 years ago)
• Last Synced: 2024-10-03T06:50:28.726Z (3 months ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 42
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# PostCSS Colour [][postcss]

[PostCSS Colour] lets you use define colours in css the way her majesty Queen Elizabeth II intended it.

Build and test architecture cloned from [postcss-short-size]

```pcss

body {

  colour: Blue;

  background-colour: #fff;

  border-colour: rgb(25, 0, 0);

}

/* becomes */

body {

  color: Blue;

  background-color: #fff;

  border-color: rgb(25, 0, 0);

}

```

## Usage

Add [PostCSS Colour] to your project:

```bash

npm install postcss postcss-colour --save-dev

```

Use [PostCSS Colour] to process your CSS:

```js

const postcssColour = require('postcss-colour');

postcssColour.process(YOUR_CSS /*, processOptions, pluginOptions */);

```

Or use it as a [PostCSS] plugin:

```js

const postcss = require('postcss');

const postcssColour = require('postcss-colour');

postcss([

  postcssColour(/* pluginOptions */)

]).process(YOUR_CSS /*, processOptions */);

```

[PostCSS Colour] runs in all Node environments, with special instructions for:

| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |

| --- | --- | --- | --- | --- | --- |

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

[PostCSS Colour]: https://github.com/rjdestigter/postcss-colour

[postcss-short-size]: https://github.com/jonathantneal/postcss-short-size