Margins

Introduction

page title heading deeplink

The data-block-margins attribute regulates the outer gap between any two blocks within a context. The possible values for this attribute are as follows:

none
apply no margins to either the top or bottom
top
apply margins to just the top
bottom
apply margins to just the bottom
both
apply margins 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 margins attribute is set to none . The content of this block should be snug to it's contextual neighbours.

top

Top

page title heading deeplink

This block has a solid colour background and it's block margins attribute is set to top . The content of this block should have a gap between it's neighbouring block above and be flush with the block below.

top

Bottom

page title heading deeplink

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

top

Both

page title heading deeplink

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

top