@lendi-ui/color

Color utilities for color.

Stats

StarsIssuesVersionUpdatedCreatedSize
@lendi-ui/color
5.1.2a year ago3 years agoMinified + gzip package size for @lendi-ui/color in KB

Readme

@lendi-ui/color

Color style with bg(background color), fg(font color) and color(every CSS property relate to color).

Installation

yarn add @lendi-ui/color

Usage

  • bg for styling background-color.
import { bg } from '@lendi-ui/color';
const Square = styled.div`
  width: 2em;
  height: 2em;
  ${bg('warn.500')};
`;
  • fg for styling font-color.
import { fg } from '@lendi-ui/color';
const WarningText = styled.span`
  ${fg('warn.500')};
`;
  • color for styling every CSS porperty relate to color.
import { color } from '@lendi-ui/color';
const Circle = styled.div`
  width: 0;
  border-radius: 1em;
  border: 1em solid ${color('primary.500')};
`;

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.