csstypes

csstypes provides a set of strict type definitions for CSS length and color values.

Installation

Add csstypes as a dev dependency:

1pnpm install -D @ssh/csstypes # or npm/yarn, of course

Usage

See the documentation for a full list of available types.

1import { CSSLength, CSSColor, PixelSize } from '@ssh/csstypes';
2
3// Valid values
4const length: CSSLength = '1em';
5const color: CSSColor = 'red';
6const pixels: PixelSize = '1px';
7
8// Invalid values
9const length2: CSSLength = '1px';
10// Type '"1px"' is not assignable to type 'CSSLength'
11
12const color2: CSSColor = '1px';
13// Type '"1px"' is not assignable to type 'CSSColor'
14
15const pixels2: PixelSize = '1em';
16// Type '"1em"' is not assignable to type '`${number}px`'