feat(ui-toolkit): view container padding and max width
This commit is contained in:
parent
cdb54dc987
commit
f9dd24a9d1
|
@ -15,11 +15,21 @@ export default styled(Grid)`
|
||||||
`};
|
`};
|
||||||
|
|
||||||
${isNot('fluid')`
|
${isNot('fluid')`
|
||||||
max-width: ${remcalc(1000)};
|
max-width: ${remcalc(1260)};
|
||||||
|
|
||||||
${breakpoints.smallOnly`
|
${breakpoints.smallOnly`
|
||||||
padding-left: ${remcalc(6)};
|
padding-left: ${remcalc(12)};
|
||||||
padding-right: ${remcalc(6)};
|
padding-right: ${remcalc(12)};
|
||||||
|
`};
|
||||||
|
|
||||||
|
${breakpoints.mediumOnly`
|
||||||
|
padding-left: ${remcalc(30)};
|
||||||
|
padding-right: ${remcalc(30)};
|
||||||
|
`};
|
||||||
|
|
||||||
|
${breakpoints.largeOnly`
|
||||||
|
padding-left: ${remcalc(70)};
|
||||||
|
padding-right: ${remcalc(70)};
|
||||||
`};
|
`};
|
||||||
`};
|
`};
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue