/TypeScript/Conditional styled components with media query

Conditional styled components with media query

import styled, { css } from 'styled-components'

const YourComponent = styled.div`
  //...
  
  ${props => props.isFirstPage && css`
     @media only screen and (max-width: 480px) {
       padding: 8px 8px 24px 8px
     }
  `}
`;

Source: stackoverflow.com

Similar codes

0 vote275 views1 answer
How to define functional component types
TypeScript
22 votes291 views4 answers
Cmd listening ports
TypeScript
56 votes406 views4 answers
How to see all the environments in Conda
TypeScript
5 votes259 views3 answers
Typescript convert date to string format dd/mm/yyyy
TypeScript
0 vote248 views1 answer
Nestjs get request header in guard
TypeScript
0 vote267 views1 answer
List of elements in watir
TypeScript
1 vote285 views1 answer
Python program to find sum of digits of a number using while loop
TypeScript
4 votes253 views3 answers
Expo typescript install
TypeScript
1 vote238 views1 answer
Nextjs hot reload not working after file change
TypeScript
0 vote256 views1 answer
Typescript vite static assets
TypeScript