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/ItemStyles.js | |
| parent | 4e52a98a0f78d2bedfdd31a1955639143cd26fc6 (diff) | |
Video 21
Diffstat (limited to 'stepped-solutions/05/frontend/components/styles/ItemStyles.js')
| -rw-r--r-- | stepped-solutions/05/frontend/components/styles/ItemStyles.js | 39 |
1 files changed, 0 insertions, 39 deletions
diff --git a/stepped-solutions/05/frontend/components/styles/ItemStyles.js b/stepped-solutions/05/frontend/components/styles/ItemStyles.js deleted file mode 100644 index b117d5f..0000000 --- a/stepped-solutions/05/frontend/components/styles/ItemStyles.js +++ /dev/null @@ -1,39 +0,0 @@ -import styled from 'styled-components'; - -const Item = styled.div` - background: white; - border: 1px solid ${props => props.theme.offWhite}; - box-shadow: ${props => props.theme.bs}; - position: relative; - display: flex; - flex-direction: column; - img { - width: 100%; - height: 400px; - object-fit: cover; - } - p { - font-size: 12px; - line-height: 2; - font-weight: 300; - flex-grow: 1; - padding: 0 3rem; - font-size: 1.5rem; - } - .buttonList { - display: grid; - width: 100%; - border-top: 1px solid ${props => props.theme.lightgrey}; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); - grid-gap: 1px; - background: ${props => props.theme.lightgrey}; - & > * { - background: white; - border: 0; - font-size: 1rem; - padding: 1rem; - } - } -`; - -export default Item; |
