kitchensink/lib/styles/font.js

Dispatch's awesome components and style guide

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
var base = 14;

exports.default = {
  base: base,
  color: {
    primary: '#4A4A4A',
    secondary: '#969799'
  },
  letterSpacing: {
    loose: '0.4px',
    loosest: '1px'
  },
  lineHeight: {
    loose: 1.4
  },
  size: {
    smallest: 10 / base + 'rem',
    smaller: 11 / base + 'rem',
    small: 12 / base + 'rem',
    base: '1rem',
    large: 16 / base + 'rem',
    larger: 18 / base + 'rem',
    largest: '1.5rem'
  },
  weight: {
    light: '300',
    boldSemi: '600'
  }
};