From 8d4dffa6f01487be0cf5546653803d32282992eb Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Tue, 19 Jun 2018 12:49:31 -0400
Subject: video 5

---
 .../05/frontend/components/styles/Title.js           | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 stepped-solutions/05/frontend/components/styles/Title.js

(limited to 'stepped-solutions/05/frontend/components/styles/Title.js')

diff --git a/stepped-solutions/05/frontend/components/styles/Title.js b/stepped-solutions/05/frontend/components/styles/Title.js
new file mode 100644
index 0000000..e1901ec
--- /dev/null
+++ b/stepped-solutions/05/frontend/components/styles/Title.js
@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+
+const Title = styled.h3`
+  margin: 0 1rem;
+  text-align: center;
+  transform: skew(-5deg) rotate(-1deg);
+  margin-top: -3rem;
+  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
+  a {
+    background: ${props => props.theme.red};
+    display: inline;
+    line-height: 1.3;
+    font-size: 4rem;
+    text-align: center;
+    color: white;
+    padding: 0 1rem;
+  }
+`;
+
+export default Title;
-- 
cgit v1.3