Update to latest typography

.gitignore

@@ -2,3 +2,4 @@ node_modules/
 public
 .gatsby-context.js
 .DS_Store
+.intermediate-representation/

components/ReadNext.js

@@ -3,7 +3,7 @@ import { Link } from 'react-router'
 import { prefixLink } from 'gatsby-helpers'
 import { prune, include as includes } from 'underscore.string'
 import find from 'lodash/find'
-import { rhythm, fontSizeToMS } from 'utils/typography'
+import { rhythm, scale } from 'utils/typography'
 
 class ReadNext extends React.Component {
   render () {
@@ -29,9 +29,8 @@ class ReadNext extends React.Component {
         <div>
           <h6
             style={{
+              ...scale(-0.5),
               margin: 0,
-              fontSize: fontSizeToMS(-0.5).fontSize,
-              lineHeight: fontSizeToMS(-0.5).lineHeight,
               letterSpacing: -0.25,
             }}
           >

package.json

@@ -12,10 +12,10 @@
     "moment": "^2.14.1",
     "react-helmet": "^3.1.0",
     "react-responsive-grid": "^0.3.3",
-    "react-typography": "^0.12.0",
+    "react-typography": "^0.14.0",
     "safe-access": "^0.1.0",
-    "typography": "^0.13.0",
+    "typography": "^0.14.0",
-    "typography-theme-wordpress-2016": "^0.13.0",
+    "typography-theme-wordpress-2016": "^0.14.0",
     "underscore.string": "^3.2.3"
   },
   "devDependencies": {

pages/_template.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { Link } from 'react-router'
 import { Container } from 'react-responsive-grid'
 import { prefixLink } from 'gatsby-helpers'
-import { rhythm, adjustFontSizeToMSValue } from 'utils/typography'
+import { rhythm, scale } from 'utils/typography'
 import { config } from 'config'
 
 class Template extends React.Component {
@@ -13,7 +13,7 @@ class Template extends React.Component {
       header = (
         <h1
           style={{
-            ...adjustFontSizeToMSValue(1.5),
+            ...scale(1.5),
             marginBottom: rhythm(1.5),
             marginTop: 0,
           }}