From 83400a8f38fe003f57184521346457353ae8f5b4 Mon Sep 17 00:00:00 2001
From: nkzawa <naoyuki.kanezawa@gmail.com>
Date: Tue, 25 Oct 2016 17:16:54 +0900
Subject: [PATCH] fix usage of next/css

---
 Readme.md                                          | 2 +-
 examples/basic-css/pages/index.js                  | 2 +-
 examples/nested-components/components/paragraph.js | 2 +-
 examples/nested-components/components/post.js      | 2 +-
 examples/nested-components/pages/index.js          | 2 +-
 pages/_error-debug.js                              | 2 +-
 pages/_error.js                                    | 2 +-
 test/fixtures/basic/pages/css.js                   | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Readme.md b/Readme.md
index 10968fa491bf5..efee4a94c292e 100644
--- a/Readme.md
+++ b/Readme.md
@@ -50,7 +50,7 @@ We use [glamor](https://github.com/threepointone/glamor) to provide a great buil
 
 ```jsx
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => (
   <div className={style}>
diff --git a/examples/basic-css/pages/index.js b/examples/basic-css/pages/index.js
index c9dffd2787f70..b6465a5610f11 100644
--- a/examples/basic-css/pages/index.js
+++ b/examples/basic-css/pages/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => (
   <div className={styles}>
diff --git a/examples/nested-components/components/paragraph.js b/examples/nested-components/components/paragraph.js
index 0010ce2191567..a150403337789 100644
--- a/examples/nested-components/components/paragraph.js
+++ b/examples/nested-components/components/paragraph.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default ({ children }) => (
   <p className={styles}>{children}</p>
diff --git a/examples/nested-components/components/post.js b/examples/nested-components/components/post.js
index 0570885aa8f08..81ff89e2c7a60 100644
--- a/examples/nested-components/components/post.js
+++ b/examples/nested-components/components/post.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default ({ title, children }) => (
   <div className={mainStyle}>
diff --git a/examples/nested-components/pages/index.js b/examples/nested-components/pages/index.js
index 14098fbc428ad..ea29829ecffd2 100644
--- a/examples/nested-components/pages/index.js
+++ b/examples/nested-components/pages/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import P from '../components/paragraph'
 import Post from '../components/post'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => (
   <div className={styles.main}>
diff --git a/pages/_error-debug.js b/pages/_error-debug.js
index 0b574ec408304..2b55079082721 100644
--- a/pages/_error-debug.js
+++ b/pages/_error-debug.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import stripAnsi from 'strip-ansi'
 import Head from 'next/head'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default class ErrorDebug extends React.Component {
   static getInitialProps ({ err }) {
diff --git a/pages/_error.js b/pages/_error.js
index 2805f7252d0b4..31a5ad5bbaec8 100644
--- a/pages/_error.js
+++ b/pages/_error.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style, merge } from 'next/css'
+import style, { merge } from 'next/css'
 
 export default class Error extends React.Component {
   static getInitialProps ({ res, xhr }) {
diff --git a/test/fixtures/basic/pages/css.js b/test/fixtures/basic/pages/css.js
index 9e1018992ca32..f18e58059d090 100644
--- a/test/fixtures/basic/pages/css.js
+++ b/test/fixtures/basic/pages/css.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { style } from 'next/css'
+import style from 'next/css'
 
 export default () => <div className={styles}>This is red</div>