Stylin' up the Header

mhink · Jul 20, 2016 · 68a1be0 · 68a1be0
1 parent cccd2a3
commit 68a1be0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
@@ -4,12 +4,13 @@ import { Link } from 'react-router'
 import {
   appHeader,
   appHeaderWrapper,
+  brandLink
 } from "./styles.css"
 
 const Header = ({title}) => (
   <header className={appHeader}>
     <div className={appHeaderWrapper}>
-      <Link to="/"><h1>{title}</h1></Link>
+      <Link to="/" className={brandLink}><h1>{title}</h1></Link>
     </div>
   </header>
 )

diff --git a/src/components/Header/styles.css b/src/components/Header/styles.css
@@ -1,4 +1,15 @@
 .appHeader {
+  background: white;
+  composes: z-depth-1 from 'styles/base.css';
+  margin-bottom: 2rem;
+}
+
+.appHeader a.brandLink {
+  text-decoration: none;
+}
+
+.appHeader h1 {
+  margin: 0;
 }
 
 .appHeaderWrapper {