JamesBliss/styled-access.md

Last active May 27, 2020 11:27

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/JamesBliss/39ee33ddbf291ee3315eb7854777d704.js"></script>
Save JamesBliss/39ee33ddbf291ee3315eb7854777d704 to your computer and use it in GitHub Desktop.

How to access things in styled components

Raw

Styled components -> how to access other styled component or yourself!

& + &

& + ${() => Foo}

usage:

const Button = styled('button')`
  & + ${() => Button} {
    margin-left: 10px;
  }
`;

If you are using a newer version of styled components I believe & + & should work now though.

${Foo} + &

usage:

const Box = styled('div')``;

const Button = styled('button')`
  ${Box} + & {
    margin-top: 10px;
  }
`;