Footer design

Reviewed By: danielbuechele

Differential Revision: D6964900

fbshipit-source-id: 68831f101ef2112613cd170cb90bdd9235441c9d

website/src/components/Footer.css

@@ -1,10 +1,17 @@
-.Footer {
-  background: #1c2126;
-  min-height: 100px;
-  color: rgba(255, 255, 255, 0.6);
-  padding: 20px 0;
+footer {
+  display: flex;
+  padding: 20px 15px;
+  padding-left: 87px;
+  z-index: 4;
+  align-items: center;
+  background-color: white;
 }
 
-.Footer a {
-  color: white;
+footer a {
+  margin: 0 15px;
+  color: #606770;
+}
+
+footer a:hover {
+  color: #8FD0C6;
 }

website/src/components/Footer.js

@@ -11,11 +11,13 @@
  */
 
 import React from 'react';
-import Padded from './Padded';
+import Link from 'gatsby-link';
 import './Footer.css';
 
 export default () => (
   <footer className="Footer">
-    <Padded>footer</Padded>
+	<Link to="/docs">Docs</Link>
+	<Link to="/playground">Playground</Link>
+	<a href="https://github.com/facebook/yoga">GitHub</a>
   </footer>
 );