Use react-emotion

8 files changed, 8 insertions, 8 deletions

diff --git a/src/components/button.js b/src/components/button.js
index f2002a1..e2d50c7 100644
--- a/src/components/button.js
+++ b/src/components/button.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import { Link } from 'gatsby'
 
 import { margins, radius, transitions, colours } from './globals'
diff --git a/src/components/container.js b/src/components/container.js
index f4726a3..5b4aad8 100644
--- a/src/components/container.js
+++ b/src/components/container.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import { breakpoints, margins } from './globals'
 
 const mq = breakpoints
diff --git a/src/components/header.js b/src/components/header.js
index 2ea153e..a390b67 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import { Link } from 'gatsby'
 import { Nav } from './nav'
 import { Social } from './social'
diff --git a/src/components/nav.js b/src/components/nav.js
index 72d1a06..7fec370 100644
--- a/src/components/nav.js
+++ b/src/components/nav.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import { Link } from 'gatsby'
 import { margins } from './globals'
 
diff --git a/src/components/project.js b/src/components/project.js
index 9c8d0d8..13a673c 100644
--- a/src/components/project.js
+++ b/src/components/project.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 
 import { Tag } from './tag'
 import { DefaultButton as Button } from './button'
diff --git a/src/components/social.js b/src/components/social.js
index a323636..c17b79a 100644
--- a/src/components/social.js
+++ b/src/components/social.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import FA from 'react-fontawesome'
 import { margins } from './globals'
 
diff --git a/src/components/splash.js b/src/components/splash.js
index e7f91ac..83f79c1 100644
--- a/src/components/splash.js
+++ b/src/components/splash.js
@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import { Button } from './button'
 import { colours } from './globals'
 
diff --git a/src/components/tag.js b/src/components/tag.js
index 794497c..6643e40 100644
--- a/src/components/tag.js
+++ b/src/components/tag.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import FA from 'react-fontawesome'
-import { css } from 'emotion'
+import { css } from 'react-emotion'
 import { margins, colours } from './globals'
 
 const tagIconStyle = css(`