diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-06-27 13:02:25 -0400 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-06-27 13:02:25 -0400 |
| commit | ff7fc88e36bb66a47327fa2c7e8513b222e539ef (patch) | |
| tree | ecfc2901b53d8e068252b058a07d1a4e63d42816 /stepped-solutions/05/frontend/components/styles/OrderItemStyles.js | |
| parent | 4e52a98a0f78d2bedfdd31a1955639143cd26fc6 (diff) | |
Video 21
Diffstat (limited to 'stepped-solutions/05/frontend/components/styles/OrderItemStyles.js')
| -rw-r--r-- | stepped-solutions/05/frontend/components/styles/OrderItemStyles.js | 44 |
1 files changed, 0 insertions, 44 deletions
diff --git a/stepped-solutions/05/frontend/components/styles/OrderItemStyles.js b/stepped-solutions/05/frontend/components/styles/OrderItemStyles.js deleted file mode 100644 index 292c75d..0000000 --- a/stepped-solutions/05/frontend/components/styles/OrderItemStyles.js +++ /dev/null @@ -1,44 +0,0 @@ -import styled from 'styled-components'; - -const OrderItemStyles = styled.li` - box-shadow: ${props => props.theme.bs}; - list-style: none; - padding: 2rem; - border: 1px solid ${props => props.theme.offWhite}; - h2 { - border-bottom: 2px solid red; - margin-top: 0; - margin-bottom: 2rem; - padding-bottom: 2rem; - } - - .images { - display: grid; - grid-gap: 10px; - grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); - margin-top: 1rem; - img { - height: 200px; - object-fit: cover; - width: 100%; - } - } - .order-meta { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(20px, 1fr)); - display: grid; - grid-gap: 1rem; - text-align: center; - & > * { - margin: 0; - background: rgba(0, 0, 0, 0.03); - padding: 1rem 0; - } - strong { - display: block; - margin-bottom: 1rem; - } - } -`; - -export default OrderItemStyles; |
