Skip to content
A port-in-progress of the Compass vertical rhythm library
CoffeeScript JavaScript Makefile
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
test
.gitignore
.npmignore
.prettierrc
LICENSE
Makefile
README.md
package.json

README.md

compass-vertical-rhythm

A port-in-progress of the Compass vertical rhythm library.

Only the rhythm function has been ported atm.

Install

npm install compass-vertical-rhythm

Usage

var VerticalRhythm = require('compass-vertical-rhythm');

var rhythm = VerticalRhythm({baseFontSize: '24px', baseLineHeight: 1.5}).rhythm;

rhythm(1);
// ---> 1.25rem

rhythm(0.5);
// ---> 0.625rem

rhythm(0.25);
// ---> 0.3125rem

// Use it for React inline styles.
React.createClass({
  render: function() {
    <div style={{margin: rhythm(1)}}>
      Hello world
    </div>
  }
});
You can’t perform that action at this time.