Styled Component - Referring to other components

styled-components-referring.jsx

import styled from 'styled-components'

const Item = styled.li`
  color: cadetblue;
`;

const UnorderedList = styled.ul`
  list-style: none;

  ${Item} {
    margin-bottom: 7px;
  }
`;

export default () => (
  <UnorderedList>
    <Item>...</Item>
    <Item>...</Item>
  </UnorderedList>
)