From 0bd150544a7077fc0b0d6f47a1115d4435818ff8 Mon Sep 17 00:00:00 2001
From: Harry Dix <harry.dix@aboutyou.de>
Date: Sun, 28 Jan 2018 22:28:17 +0100
Subject: [PATCH] [chore] edits style doc

---
 docs/styles/README.md | 54 +++++++++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 25 deletions(-)

diff --git a/docs/styles/README.md b/docs/styles/README.md
index e7c0707f..3a6cd3db 100644
--- a/docs/styles/README.md
+++ b/docs/styles/README.md
@@ -2,29 +2,33 @@
 
 Styles passed into the Modal via the `style` prop are merged with the defaults.  The default styles are:
 
-```js
-style={{
-  overlay: {
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: 'rgba(255, 255, 255, 0.75)'
-  },
-  content: {
-    position: 'absolute',
-    top: '40px',
-    left: '40px',
-    right: '40px',
-    bottom: '40px',
-    border: '1px solid #ccc',
-    background: '#fff',
-    overflow: 'auto',
-    WebkitOverflowScrolling: 'touch',
-    borderRadius: '4px',
-    outline: 'none',
-    padding: '20px'
-  }
-}}
+```jsx
+<Modal
+  ...
+  style={{
+    overlay: {
+      position: 'fixed',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: 'rgba(255, 255, 255, 0.75)'
+    },
+    content: {
+      position: 'absolute',
+      top: '40px',
+      left: '40px',
+      right: '40px',
+      bottom: '40px',
+      border: '1px solid #ccc',
+      background: '#fff',
+      overflow: 'auto',
+      WebkitOverflowScrolling: 'touch',
+      borderRadius: '4px',
+      outline: 'none',
+      padding: '20px'
+    }
+  }}
+  ...
+>
 ```