Skip to content

🎨 PostCSS plugin to mixin monochromatic colors scheme.

Notifications You must be signed in to change notification settings

zhuowenli/postcss-palette-tool

Repository files navigation

postcss-palette-tool

🎨 PostCSS plugin to mixin monochromatic colors scheme

Color palettes calculator of Ant Design.

Install

npm install --dev postcss-palette-tool

Usage

Add to postcss.config.js:

module.exports = {
    plugins: [
        require('postcss-palette-tool'),
    ],
};

This plugin can mix a color based on a variable and then output a new color.

before:

body {
    color: palette(#d92424, 1);
    background: palette(#24acd9, 8) radial-gradient(palette(#24acd9, 9), #ffffff);
}

after:

body {
    color: #fff2f0;
    background: #0a638c radial-gradient(#024366, #ffffff);
}

Options

var desc required
color css color ✔️
level 1 - 10 (6 is default color) ✔️

About

🎨 PostCSS plugin to mixin monochromatic colors scheme.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published