coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Sharing global styles

Browse Source
This commit is contained in:
Tom Moor
2017-10-26 22:42:08 -07:00
parent 4863680d86
commit fc45d6a180
53 changed files with 165 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
server/pages/components/Navigation.js
View File

@ -1,10 +1,12 @@
// @flow
import React from 'react';
import styled from 'styled-components';
import { color } from '../../../shared/styles/constants';
export default function Navigation() {
function Navigation() {
return (
<nav>
<a href="/">Atlas</a>
<Brand href="/">Atlas</Brand>
<ul>
<li><a href="/about">About</a></li>
<li><a href="/pricing">Pricing</a></li>
@ -12,3 +14,12 @@ export default function Navigation() {
</nav>
);
}
const Brand = styled.a`
font-weight: 600;
font-size: 20px;
text-decoration: none;
color: ${color.black};
`;
export default Navigation;