https://github.com/rajdee/postcss-simple-color-functions

PostCSS plugin for manipulating color transformations.
https://github.com/rajdee/postcss-simple-color-functions

Last synced: 2 months ago
JSON representation

PostCSS plugin for manipulating color transformations.

• Host: GitHub
• URL: https://github.com/rajdee/postcss-simple-color-functions
• Owner: rajdee
• License: mit
• Created: 2019-06-20T08:19:20.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-10-14T15:57:10.000Z (about 4 years ago)
• Last Synced: 2024-03-23T03:22:50.449Z (10 months ago)
• Language: JavaScript
• Size: 155 KB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# PostCSS Simple Color Functions [![Build Status][ci-img]][ci]

[PostCSS] plugin for manipulating color transformations.

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

[ci-img]:  https://travis-ci.org/rajdee/postcss-simple-color-functions.svg

[ci]:      https://travis-ci.org/rajdee/postcss-simple-color-functions

```css

.foo {

    color: colors(#23bc98 darken(0.5);

    background-color: colors(#23bc98 brighten(1.2);

}

```

```css

.foo {

    color: #00a381;

    background-color: #71fad3;

}

```

```css

.foo {

    color: colors(#23bc98 rgb);

}

```

```css

.foo {

    color: rgb(35,188,152);

}

```

```css

.foo {

    color: colors(#23bc98 brightness(20%));

    background-color: colors(#23bc98 brightness(-20%));

}

```

```css

.foo {

    color: #58e3bd;

    background-color: #009675;

}

```

## Installation

Add [PostCSS Simple Color Functions] to your build tool.

```sh

npm install postcss postcss-simple-color-functions --save-dev

```

or

```sh

yarn add postcss postcss-simple-color-functions --dev

```

## Usage

```js

postcss([ require('postcss-simple-color-functions') ])

```

See [PostCSS] docs for examples for your environment.