2.0.14 • Published 12 days ago
@csstools/postcss-color-mix-function v2.0.14
PostCSS Color Mix Function
npm install @csstools/postcss-color-mix-function --save-dev
PostCSS Color Mix Function lets you use the color-mix()
function following the CSS Color 5 Specification.
.purple_plum {
color: color-mix(in lch, purple 50%, plum 50%);
}
/* becomes */
.purple_plum {
color: rgb(175, 92, 174);
}
!NOTE We can not dynamically resolve
var()
arguments incolor-mix()
, only static values will work.
Usage
Add PostCSS Color Mix Function to your project:
npm install postcss @csstools/postcss-color-mix-function --save-dev
Use it as a PostCSS plugin:
const postcss = require('postcss');
const postcssColorMixFunction = require('@csstools/postcss-color-mix-function');
postcss([
postcssColorMixFunction(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);
PostCSS Color Mix Function runs in all Node environments, with special instructions for:
Options
preserve
The preserve
option determines whether the original notation
is preserved. By default, it is not preserved.
postcssColorMixFunction({ preserve: true })
.purple_plum {
color: color-mix(in lch, purple 50%, plum 50%);
}
/* becomes */
.purple_plum {
color: rgb(175, 92, 174);
color: color-mix(in lch, purple 50%, plum 50%);
}
2.0.14
12 days ago
2.0.13
1 month ago
2.0.12
2 months ago
2.0.11
2 months ago
2.0.10
2 months ago
2.0.9
4 months ago
2.0.8
5 months ago
2.0.3
8 months ago
2.0.2
8 months ago
2.0.5
7 months ago
2.0.4
8 months ago
2.0.7
7 months ago
2.0.6
7 months ago
2.0.1
9 months ago
2.0.0
10 months ago
1.0.2
12 months ago
1.0.3
11 months ago
1.0.1
1 year ago
1.0.0
1 year ago