amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-25 21:55:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: remove outer wrapper div

Browse Source
This commit is contained in:
Dustin Schau
2018-09-28 14:32:36 -05:00
parent fc0ef96fb6
commit 57cb7abde1
1 changed files with 32 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/components/CodeExample/CodeExample.js
View File

@@ -13,56 +13,45 @@ class CodeExample extends Component {
'&:first-child': {
marginTop: 0,
},
[media.greaterThan('xlarge')]: {
display: 'flex',
flexDirection: 'row',
marginTop: 80,
},
[media.lessThan('large')]: {
display: 'block',
},
}}>
<div
css={{
[media.greaterThan('xlarge')]: {
display: 'flex',
flexDirection: 'row',
},
{children && (
<div
css={{
flex: '0 0 33%',
[media.lessThan('large')]: {
display: 'block',
},
}}>
{children && (
<div
css={{
flex: '0 0 33%',
[media.lessThan('xlarge')]: {
marginBottom: 20,
},
[media.lessThan('xlarge')]: {
marginBottom: 20,
'& h3': {
color: colors.dark,
maxWidth: '11em',
paddingTop: 0,
},
'& p': {
marginTop: 15,
marginRight: 40,
lineHeight: 1.7,
[media.greaterThan('xlarge')]: {
marginTop: 25,
},
'& h3': {
color: colors.dark,
maxWidth: '11em',
paddingTop: 0,
},
'& p': {
marginTop: 15,
marginRight: 40,
lineHeight: 1.7,
[media.greaterThan('xlarge')]: {
marginTop: 25,
},
},
}}>
{children}
</div>
)}
{loaded ? (
<CodeEditor code={code} />
) : (
<h4>Loading code example...</h4>
)}
</div>
},
}}>
{children}
</div>
)}
{loaded ? <CodeEditor code={code} /> : <h4>Loading code example...</h4>}
</div>
);
}