Commit8d229ec

committed

refactor(media-query): cheatsheet looks great

1 parent5d6c883 commit8d229ecCopy full SHA for 8d229ec

File tree

-18

lines changed

-18

lines changed

Lines changed: 3 additions & 9 deletions

Original file line number	Diff line number	Diff line change
@@ -14,15 +14,9 @@ export const CardWrapper = styled.div`
`14`	`14`	`margin-right: 20px;`
`15`	`15`	`overflow-y: scroll;`
`16`	`16`
`17`		`- @media (max-width: 1600px) {`
`18`		`- width: 350px;`
`19`		`- }`
`20`		`- @media (max-width: 1450px) {`
`21`		`- width: 500px;`
`22`		`- }`
`23`		`- @media (max-width: 1300px) {`
`24`		`- width: 450px;`
`25`		`- }`
	`17`	+${cs.media.mobile`
	`18`	`+ width: 95%;`
	`19`	+ `};
`26`	`20`	`
`27`	`21`	exportconstErrorWrapper=styled.div`
`28`	`22`	`${cs.flexColumn()};`

Lines changed: 3 additions & 9 deletions

Original file line number	Diff line number	Diff line change
@@ -16,15 +16,9 @@ export const CardWrapper = styled.div`
`16`	`16`	`margin-right: 20px;`
`17`	`17`	`overflow-y: scroll;`
`18`	`18`
`19`		`- @media (max-width: 1450px) {`
`20`		`- width: 500px;`
`21`		`- }`
`22`		`- @media (max-width: 1250px) {`
`23`		`- width: 450px;`
`24`		`- }`
`25`		`- @media (max-width: 1100px) {`
`26`		`- width: 350px;`
`27`		`- }`
	`19`	+${cs.media.mobile`
	`20`	`+ width: 95%;`
	`21`	+ `};
`28`	`22`	`
`29`	`23`
`30`	`24`	exportconstEmptyOffset=styled.div`

Comments

(0)