Spearhead
/
joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat(ui-toolkit): view container padding and max width

This commit is contained in:
Fábio Moreira 2018-05-16 14:58:18 +01:00
parent cdb54dc987
commit f9dd24a9d1
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/ui-toolkit/src/layout/view-container.js
View File

@ -15,11 +15,21 @@ export default styled(Grid)`
`};
${isNot('fluid')`
max-width: ${remcalc(1000)};
max-width: ${remcalc(1260)};
${breakpoints.smallOnly`
padding-left: ${remcalc(6)};
padding-right: ${remcalc(6)};
padding-left: ${remcalc(12)};
padding-right: ${remcalc(12)};
`};
${breakpoints.mediumOnly`
padding-left: ${remcalc(30)};
padding-right: ${remcalc(30)};
`};
${breakpoints.largeOnly`
padding-left: ${remcalc(70)};
padding-right: ${remcalc(70)};
`};
`};