/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

14 votes170 views1 answer
Ngbmodal angular 9 yarn install
TypeScript
3 votes122 views1 answer
Typescript pass a function as an argunetn
TypeScript
0 vote134 views1 answer
SetTimeout without arguments
TypeScript
0 vote130 views1 answer
Replace floats in dataframe
TypeScript
0 vote135 views1 answer
Typescript check if value is in enum
TypeScript
0 vote131 views1 answer
Sarasota bowling alley bomb threats incident
TypeScript
2 votes165 views1 answer
Formgroup addcontrol
TypeScript
2 votes121 views1 answer
Validation maxlength angular
TypeScript
7 votes128 views6 answers
How to Reload a Component in Angular
TypeScript
0 vote160 views2 answers
Flutter too many positional arguments 0 expected but 1 found
TypeScript