css-scale

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

Installation

$ npm install css-scale

With sheetify installed do:

@import 'css-scale';

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

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

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

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