Repository files navigation

PostCSS plugin to add support forCSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

.foo {/* TODO */}

.foo {/* Output example */}

This plugin currently tracks theeditor's draft of CSS Color Module Level 5, which is still in a state of uncertainty.This means that a lot of the syntax may change. This plugin follows semver and will not break existing setups, but justbe aware that the CSS you write now may not be standard when the draft is actually accepted! It also may break betweenmajor versions of postcss-color-5.

Step 1: Install plugin:

npm install --save-dev postcss postcss-color-5

Step 2: Check you project for existing PostCSS config:postcss.config.jsin the project root,"postcss" section inpackage.jsonorpostcss in bundle config.

If you do not use PostCSS, add it according toofficial docsand set this plugin in settings.

Step 3: Add the plugin to plugins list:

module.exports = {  plugins: [+   require('postcss-color-5'),    require('autoprefixer')  ]}