css-scale

1.0.0 • Public • Published

css-scale

NPM version Downloads

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

License

MIT

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.0
    1
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.0
    1

Package Sidebar

Install

npm i css-scale

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • bret
  • goto-bus-stop
  • yoshuawuyts
  • ahdinosaur
  • hughsk
  • jongacnik
  • zhouhancheng