DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Footer design

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6964900

fbshipit-source-id: 68831f101ef2112613cd170cb90bdd9235441c9d
This commit is contained in:
Emil Sjölander
2018-02-12 10:27:14 -08:00
committed by Facebook Github Bot
parent 9e0f751464
commit de8cab8e60
2 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
website/src/components/Footer.css
View File

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

6
website/src/components/Footer.js
View File

@@ -11,11 +11,13 @@
*/ */
import React from 'react'; import React from 'react';
import Padded from './Padded'; import Link from 'gatsby-link';
import './Footer.css'; import './Footer.css';
export default () => ( export default () => (
<footer className="Footer"> <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> </footer>
); );