Skip to content

Instantly share code, notes, and snippets.

@chrislloyd
Created October 19, 2016 04:37
Show Gist options
  • Save chrislloyd/b7fbd736fa93da6b1ff8acb5949981a7 to your computer and use it in GitHub Desktop.
Save chrislloyd/b7fbd736fa93da6b1ff8acb5949981a7 to your computer and use it in GitHub Desktop.
const Button = styled.button`
/* Adapt the colors based on primary prop */
background: ${props => window.innerWidth < 1000 ? 'palevioletred' : 'white'};
color: ${props => window.innerWidth < 1000 ? 'white' : 'palevioletred'};
font-size: 1em;
margin: 1em;
padding: 0.25em 1em;
border: 2px solid palevioletred;
border-radius: 3px;
`;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment