stackcss / css-scale

Scalar CSS variables

css-scale

Scalar CSS variables. Useful to quickly prototype interfaces using consistent values. Extracted from gravitons.

Installation

$ npm install css-scale

Usage

With sheetify installed do:

@import 'css-scale';

h1 {
  font-size: var(--h1);
}

.title {
  padding: var(--s2);
}

API

s{1..4}

A size value in rem. Useful for setting margins, offsets and other sizes.

h{1..6}

A heading value in rem. Useful for setting font-sizes and line-heights.

See Also

• css-wipe
• sheetify

License

MIT