snabbdom-material/lib/style/typography.js

Stateless UI components for snabbdom that follow material design

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports.default = function (variables) {
  return {
    primary: {
      color: variables.typographyPrimaryColor
    },
    secondary: {
      color: variables.typographySecodaryColor
    },
    display3: {
      margin: '0',
      fontSize: '56px',
      fontWeight: '400',
      lineHeight: '64px'
    },
    display2: {
      margin: '0',
      fontSize: '45px',
      fontWeight: '400',
      lineHeight: '64px'
    },
    display1: {
      margin: '0',
      fontSize: '34px',
      fontWeight: '400',
      lineHeight: '52px'
    },
    headline: {
      margin: '0',
      fontSize: '24px',
      fontWeight: '400',
      lineHeight: '44px'
    },
    title: {
      margin: '0',
      fontSize: '20px',
      fontWeight: '600',
      lineHeight: '44px'
    },
    subhead: {
      fontSize: '16px',
      fontWeight: '400',
      lineHeight: '32px'
    },
    body: {
      fontSize: '14px',
      fontWeight: '400',
      lineHeight: '25px'
    },
    caption: {
      fontSize: '12px',
      fontWeight: '400',
      lineHeight: '32px'
    }
  };
};