Interactive background color

Set CSS for background, text and and hovering color.

Preview

Module & Import

js

import { bgColorInt } from 'gadjet/dist/module/style/bg-color-int.js';

Function signature

bgColorInt({
    color?: string = 'blue',
    lighten?: number = 0.2, // Can be -1 to 1
    saturate?: number = 0.2 // Can be -1 to 1
}) => string;

param color?: string = 'blue'

param lighten?: number = 0.2

param saturate?: number = 0.2

return

Usage

js

import { addStyle, bgColorInt } from 'gadjet';

addStyle`
div {
    ${bgColorInt({
        color: 'blue',
        lighten: 0.2,
        saturate: 0.2
    })} 
}`;