From f5b9c116d0865c76cd06df9540ad9cfb2d24f204 Mon Sep 17 00:00:00 2001 From: Harry Dix Date: Sun, 28 Jan 2018 10:55:50 +0100 Subject: [PATCH] [chore] updates README - styles --- README.md | 57 +++++++++++++++++++++++++++++-------------------------- 1 file changed, 30 insertions(+), 27 deletions(-) diff --git a/README.md b/README.md index 70361acf..dd3d7ddd 100644 --- a/README.md +++ b/README.md @@ -98,34 +98,37 @@ Example: ## Styles -Styles are passed as an object with 2 keys, 'overlay' and 'content' like so +Styles are passed with the `style` prop, an object with 2 keys, 'overlay' and 'content' like so -```js -{ - 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 + ``` Styles passed to the modal are merged in with the above defaults and applied to their respective elements.