postcss-randomcolor
v1.0.0
Published
PostCSS plugin supports function to use random colors
Downloads
4
Maintainers
Readme
PostCSS Randomcolor
PostCSS plugin supports function to use random colors.
:root{
--red: randomColor(random, red);
}
.foo {
border-color: randomColor;
background: randomColor(light);
color: randomColor(dark, blue);
}
:root{
--red: #d65755;
}
.foo {
border-color: #5dd8b9;
background: #d5c9ff;
color: #090070;
}
Options of randomColor function
luminosity
Luminosity of the color
Type: string
-> random
, bright
, light
, dark
Default: random
.foo {
color: randomColor(bright);
}
hue
Hue of the color
Type: string
-> random
, red
, orange
, yellow
, green
, blue
, purple
, pink
, monochrome
Default: random
.foo {
color: randomColor(random, orange);
}
## Usage
```js
postcss([ require('postcss-randomcolor')(options) ])
See PostCSS docs for examples for your environment.
Plugin options
options.functionName
Name of the function that insert random color
Type: string
Default: randomColor
postcss([ require('postcss-randomcolor')({functionName: 'random-color'}) ])
.foo {
color: random-color;
}
options.format
Format of the color
Type: string
-> hex
, hsl
, rgb
Default: hex