Skip to content

Commit 0bd1505

Browse files
hdixdiasbruno
authored andcommittedJan 28, 2018
[chore] edits style doc
1 parent c7c928c commit 0bd1505

File tree

1 file changed

+29
-25
lines changed

1 file changed

+29
-25
lines changed
 

‎docs/styles/README.md

+29-25
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,33 @@
22

33
Styles passed into the Modal via the `style` prop are merged with the defaults. The default styles are:
44

5-
```js
6-
style={{
7-
overlay: {
8-
position: 'fixed',
9-
top: 0,
10-
left: 0,
11-
right: 0,
12-
bottom: 0,
13-
backgroundColor: 'rgba(255, 255, 255, 0.75)'
14-
},
15-
content: {
16-
position: 'absolute',
17-
top: '40px',
18-
left: '40px',
19-
right: '40px',
20-
bottom: '40px',
21-
border: '1px solid #ccc',
22-
background: '#fff',
23-
overflow: 'auto',
24-
WebkitOverflowScrolling: 'touch',
25-
borderRadius: '4px',
26-
outline: 'none',
27-
padding: '20px'
28-
}
29-
}}
5+
```jsx
6+
<Modal
7+
...
8+
style={{
9+
overlay: {
10+
position: 'fixed',
11+
top: 0,
12+
left: 0,
13+
right: 0,
14+
bottom: 0,
15+
backgroundColor: 'rgba(255, 255, 255, 0.75)'
16+
},
17+
content: {
18+
position: 'absolute',
19+
top: '40px',
20+
left: '40px',
21+
right: '40px',
22+
bottom: '40px',
23+
border: '1px solid #ccc',
24+
background: '#fff',
25+
overflow: 'auto',
26+
WebkitOverflowScrolling: 'touch',
27+
borderRadius: '4px',
28+
outline: 'none',
29+
padding: '20px'
30+
}
31+
}}
32+
...
33+
>
3034
```

0 commit comments

Comments
 (0)