typography.js

import Typography from 'material-ui/lib/styles/typography';

export default {
  display4: {
    color: Typography.textLightBlack,
    fontSize: 112,
    fontWeight: Typography.fontWeightLight
  },
  display3: {
    color: Typography.textLightBlack,
    fontSize: 56,
    fontWeight: Typography.fontWeightNormal
  },
  display2: {
    color: Typography.textLightBlack,
    fontSize: 45,
    fontWeight: Typography.fontWeightNormal
  },
  display1: {
    color: Typography.textLightBlack,
    fontSize: 34,
    fontWeight: Typography.fontWeightNormal
  },
  headline: {
    color: Typography.textLightBlack,
    fontSize: 24,
    fontWeight: Typography.fontWeightNormal
  },
  title: {
    color: Typography.textLightBlack,
    fontSize: 20,
    fontWeight: Typography.fontWeightMedium
  },
  subheading: {
    color: Typography.textLightBlack,
    fontSize: 16,
    fontWeight: Typography.fontWeightNormal
  },
  body2: {
    color: Typography.textLightBlack,
    fontSize: 14,
    fontWeight: Typography.fontWeightMedium
  },
  body1: {
    color: Typography.textLightBlack,
    fontSize: 14,
    fontWeight: Typography.fontWeightNormal
  },
  caption: {
    color: Typography.textLightBlack,
    fontSize: 12,
    fontWeight: Typography.fontWeightNormal
  },

  subheader: {
    color: Typography.textLightBlack,
    fontSize: 14,
    fontWeight: Typography.fontWeightMedium,
    lineHeight: '48px',
    paddingLeft: 16
  }
};