Padding

Introduction

page title heading deeplink

The data-block-padding attribute regulates the inner gap between the actual content and outer boundary of the block's available space. The possible values for this attribute are as follows:

none
apply no padding to either the top or bottom
top
apply padding to just the top
bottom
apply padding to just the bottom
both
apply padding to both the top and bottom (default)

This block is configured with the default setting of both . To further highlight these settings on this page, the rest of the blocks present will alternate background colours, like rows in a table, so that the boundary of one block and it's neighbours are readily apparent.

top

None

page title heading deeplink

This block has a solid colour background and it's block padding attribute is set to none . The content of this block should be snug to the top and bottom boundaries of this block's available space.

top

Top

page title heading deeplink

This block has a solid colour background and it's block padding attribute is set to top . The content of this block should have a gap above and snug to the bottom below this content.

top

Bottom

page title heading deeplink

This block has a solid colour background and it's block padding attribute is set to bottom . The content of this block should be snug to the top and have a nice gap below this content.

top

Both

page title heading deeplink

This block has a solid colour background and it's block padding attribute is set to both . The content of this block should have a nice gap above and below this content.

top