postcss-blend-colors

PostCSS Blend Colors Plugin

[//]: # ()

!npm
!NPM
!ts


A PostCSS plugin for mixing to colors.

📇 Table of Contents

* Installation
* Using pnpm
* Using npm
* Using yarn
* Setup config
* How to use
* Output
* Contributing
* Contributors
* License
* Author

Installation

To use this plugin, you need to have Tailwind CSS installed in your project. If you haven't installed Tailwind CSS yet, follow these steps:

#### Using pnpm

``bash
pnpm add postcss-blend-colors
`

#### Using npm

`bash
npm install postcss-blend-colors
`

#### Using yarn

`bash
yarn add postcss-blend-colors
`

Setup config

In postcss.config.js paste the following
`javascript
module.exports = {
plugins: {
"postcss-blend-colors": {}
}
}
`

$3

`css
body {
background: mix(red, blue);
color: mix(red, blue, 0.25);
}
`

$3

`css
body {
background: #b400b4;
color: #dd0080;
}
``

Contributing

Contributions to this plugin are welcome! If you encounter any issues, have feature requests, or want to improve the plugin, feel free to create a pull request or submit an issue on the GitHub repository.

$3

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Claude Myburgh

• Github: @designbycode
• Npm: @designbycode_

[//]: # ()

[//]: # (## Acknowledgments)

[//]: # ()

[//]: # (- This plugin is inspired by the needs of web developers using Tailwind CSS.)

[//]: # (- Special thanks to the Tailwind CSS team for creating such an amazing framework.)