/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

2 votes221 views2 answers
Material dialog disable close
TypeScript
0 vote217 views1 answer
"Which of the following is the best description of the interior structure of a highly evolved high-mass star late in its lifetime but before the collapse of its iron core?"
TypeScript
0 vote239 views1 answer
React-native-size-matters npm
TypeScript
0 vote211 views3 answers
Cahokia mounds pictures
TypeScript
0 vote224 views2 answers
Ncbi datasets command-line tool
TypeScript
16 votes218 views5 answers
For loop typescript
TypeScript
0 vote219 views1 answer
Difference between facets and filters algolia
TypeScript
3 votes213 views1 answer
Model has no objects member django
TypeScript
0 vote216 views1 answer
How to push value in empty array in typescript
TypeScript
6 votes223 views1 answer
List all anaconda env in shell
TypeScript