summaryrefslogtreecommitdiffstats
path: root/stepped-solutions/05/frontend/components/styles/Supreme.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-06-19 12:49:31 -0400
committerWes Bos <wesbos@gmail.com>2018-06-19 12:49:31 -0400
commit8d4dffa6f01487be0cf5546653803d32282992eb (patch)
tree46b2ace612f1e364645ca7d4e1c46e80ec970891 /stepped-solutions/05/frontend/components/styles/Supreme.js
parent14caed5d15b3601bb91a5f4a688fbdfba38cf321 (diff)
video 5
Diffstat (limited to 'stepped-solutions/05/frontend/components/styles/Supreme.js')
-rw-r--r--stepped-solutions/05/frontend/components/styles/Supreme.js13
1 files changed, 13 insertions, 0 deletions
diff --git a/stepped-solutions/05/frontend/components/styles/Supreme.js b/stepped-solutions/05/frontend/components/styles/Supreme.js
new file mode 100644
index 0000000..d946ccd
--- /dev/null
+++ b/stepped-solutions/05/frontend/components/styles/Supreme.js
@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+
+const Supreme = styled.h3`
+ background: ${props => props.theme.red};
+ color: white;
+ display: inline-block;
+ padding: 4px 5px;
+ transform: skew(-3deg);
+ margin: 0;
+ font-size: 4rem;
+`;
+
+export default Supreme;