UNPKG

@rocketsofawesome/mirage/src/core/theme/breakpointExample.js

Version:

312 BJavaScriptView Raw

1import styled from 'styled-components'
2
3/** @component */
4export default styled.div`
5  width: 300px;
6  height: 300px;
7  ${props => props.theme.media.phone`background-color: green;`}
8  ${props => props.theme.media.tablet`background-color: blue;`}
9  ${props => props.theme.media.desktop`background-color: red;`}
10`

1	`import styled from 'styled-components'`
2
3	`/** @component */`
4	export default styled.div`
5	`width: 300px;`
6	`height: 300px;`
7	${props => props.theme.media.phone`background-color: green;`}
8	${props => props.theme.media.tablet`background-color: blue;`}
9	${props => props.theme.media.desktop`background-color: red;`}
10	`