From 4e1042712c7bb2343dc5b96b1a388868f0fb15c8 Mon Sep 17 00:00:00 2001
From: Dan Zajdband <dan.zajdband@gmail.com>
Date: Tue, 25 Oct 2016 14:44:20 +0100
Subject: [PATCH] Updated css syntax

---
 Readme.md | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/Readme.md b/Readme.md
index 6d292ec8..b0d55f4a 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 css from 'next/css'
 
 export default () => (
   <div className={style}>
@@ -58,15 +58,13 @@ export default () => (
   </div>
 )
 
-const style = style({
-  main: {
-    background: 'red',
-    ':hover': {
-      background: 'gray'
-    }
-    '@media (max-width: 600px)': {
-      background: 'blue'
-    }
+const style = css({
+  background: 'red',
+  ':hover': {
+    background: 'gray'
+  },
+  '@media (max-width: 600px)': {
+    background: 'blue'
   }
 })
 ```