PageBlock: Ensure component is full width when used inside other layout components
PageBlock, Drawer: Increase screen gutter on mobile
Increase the horizontal screen gutter from xsmall (i.e. 12px) to small (i.e. 16px) on mobile devices.
PageBlock: Add small and full width options
Add small to available width options of PageBlock to support narrower max width for page content.
Also introducing full as a width option to enable full width content, while still maintaining consistent screen gutters.
EXAMPLE USAGE:
<PageBlock width="small"> ... </PageBlock>
PageBlock: Add new component
Provides a top-level page container, constraining the content width (using ContentBlock) while establishing common screen gutters on smaller devices.
EXAMPLE USAGE:
<PageBlock width="large"> ... </PageBlock>