Template for docs pages

Summary:
- Dynamic loading of documentation pages
- code highlighting for markdown files
- editing playground from sidebar

Reviewed By: emilsjolander

Differential Revision: D6964951

fbshipit-source-id: 1c7f36afa8d23215471d5b9a9c01bd2241c2008e

website/src/components/Page.js

@@ -14,11 +14,13 @@ import React from 'react';
 import Toolbar from './Toolbar';
 import Footer from './Footer';
 import './Page.css';
+require('prismjs/themes/prism.css');
 
 type Props = {|
   children: any,
   title?: string,
   className?: string,
+  withSpacing?: boolean,
 |};
 
 export default (props: Props) => (
@@ -32,7 +34,9 @@ export default (props: Props) => (
       <title>Yoga Layout{props.title ? ` | ${props.title}` : ''}</title>
     </Head> */}
     <Toolbar />
-    <div className="PageContent">{props.children}</div>
+    <div className={`PageContent ${props.withSpacing ? 'withSpacing' : ''}`}>
+      {props.children}
+    </div>
     <Footer />
   </div>
 );