From fe3e4f110e93a20517668baf31d01d44b1778038 Mon Sep 17 00:00:00 2001
From: Wesley Handy <wesleylhandy@gmail.com>
Date: Wed, 5 Dec 2018 14:01:13 -0500
Subject: [PATCH] Update index.md

updated import of `emotion/core` in place of `react-emotion` and made commensurate change of `className` prop to `css.`
---
 docs/tutorial/part-seven/index.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/tutorial/part-seven/index.md b/docs/tutorial/part-seven/index.md
index 694b167efaff2..5767d336d3fe7 100644
--- a/docs/tutorial/part-seven/index.md
+++ b/docs/tutorial/part-seven/index.md
@@ -331,7 +331,7 @@ links.
 
 ```jsx{3,22-28,44,63-65}:title=src/pages/index.js
 import React from "react"
-import { css } from "react-emotion"
+import { css } from "@emotion/core"
 import { Link, graphql } from "gatsby"
 import { rhythm } from "../utils/typography"
 import Layout from "../components/layout"
@@ -341,7 +341,7 @@ export default ({ data }) => {
     <Layout>
       <div>
         <h1
-          className={css`
+          css={css`
             display: inline-block;
             border-bottom: 1px solid;
           `}
@@ -353,19 +353,19 @@ export default ({ data }) => {
           <div key={node.id}>
             <Link
               to={node.fields.slug}
-              className={css`
+              css={css`
                 text-decoration: none;
                 color: inherit;
               `}
             >
               <h3
-                className={css`
+                css={css`
                   margin-bottom: ${rhythm(1 / 4)};
                 `}
               >
                 {node.frontmatter.title}{" "}
                 <span
-                  className={css`
+                  css={css`
                     color: #bbb;
                   `}
                 >