Skip to content

Instantly share code, notes, and snippets.

@devbyray

devbyray/styled-component.tsx

Created March 15, 2021 15:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save devbyray/fa2eac07b9232c7fbab7beb49f801b13 to your computer and use it in GitHub Desktop.
Save devbyray/fa2eac07b9232c7fbab7beb49f801b13 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
styled-component.tsx
// File where you defined your styled components
import { mediaQueries } from 'styles/components/breakpoints'
export const Columns = styled.div`
padding-top: 2rem;
display: grid;
gap: 2rem;
${() => mediaQueries('sm')(`grid-template-columns: 2fr 3fr;`)}
`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment