From 093c172d16732ba8d01faa313e0af99d26902205 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Fri, 7 Sep 2018 12:15:53 -0400
Subject: getting there

---
 .../53/frontend/components/styles/OrderStyles.js   | 37 ++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100755 stepped-solutions/53/frontend/components/styles/OrderStyles.js

(limited to 'stepped-solutions/53/frontend/components/styles/OrderStyles.js')

diff --git a/stepped-solutions/53/frontend/components/styles/OrderStyles.js b/stepped-solutions/53/frontend/components/styles/OrderStyles.js
new file mode 100755
index 0000000..f461b70
--- /dev/null
+++ b/stepped-solutions/53/frontend/components/styles/OrderStyles.js
@@ -0,0 +1,37 @@
+import styled from 'styled-components';
+
+const OrderStyles = styled.div`
+  max-width: 1000px;
+  margin: 0 auto;
+  border: 1px solid ${props => props.theme.offWhite};
+  box-shadow: ${props => props.theme.bs};
+  padding: 2rem;
+  border-top: 10px solid red;
+  & > p {
+    display: grid;
+    grid-template-columns: 1fr 5fr;
+    margin: 0;
+    border-bottom: 1px solid ${props => props.theme.offWhite};
+    span {
+      padding: 1rem;
+      &:first-child {
+        font-weight: 900;
+        text-align: right;
+      }
+    }
+  }
+  .order-item {
+    border-bottom: 1px solid ${props => props.theme.offWhite};
+    display: grid;
+    grid-template-columns: 300px 1fr;
+    align-items: center;
+    grid-gap: 2rem;
+    margin: 2rem 0;
+    padding-bottom: 2rem;
+    img {
+      width: 100%;
+      object-fit: cover;
+    }
+  }
+`;
+export default OrderStyles;
-- 
cgit v1.3