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
[//]: # ()
[//]: # (## 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.)