/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 votes184 views2 answers
Organize imports on save vscode
TypeScript
3 votes176 views1 answer
Empty observable rxjs
TypeScript
20 votes180 views2 answers
Install ng bootstrap
TypeScript
7 votes209 views3 answers
How to find how many commits i have done
TypeScript
1 vote232 views1 answer
Python requests firefox headers
TypeScript
0 vote194 views1 answer
Grants ORACLE
TypeScript
0 vote190 views1 answer
UpdateTable operation with the GlobalSecondaryIndexUpdates parameter
TypeScript
0 vote180 views1 answer
Typescript array of empty objects
TypeScript
0 vote180 views1 answer
Run a code only once when two of the same gameobjects collide
TypeScript
1 vote192 views1 answer
Angular jasmin mock http response
TypeScript