ms-ratios v1.0.2

modularscale-ratios

Based on the work by Scott Kellum and Tim Brown.

These ratios are intended to be used with a modular scale for visual design. See modularscale.com for more details.

Usage

// 1. import the ratios along with modularscale-js
import modularscale-ratios as ratios from 'modularscale-ratios';
import ms from 'modularscale-js'; // see https://github.com/modularscale/modularscale-js/

// 2. choose a base and ratio
const $ratio = {
    base: 16,
    ratio: ratios.perfectFourth // choose any ratio from the predefined list
};

// 3. use the modular scale to give proportion to your design
const myBodyFontSize = ms(0, $ratio);
const myHeadingFontSize = ms(3, $ratio);
// ...

Available Ratios