Universal Padding Component

The Universal Padding Component is used to create vertical spacing in situations where the adjacent components do not have enough top and/or bottom spacing built in.

Padding Options

Small

  • 10px - Large/Medium screens (greater than 700px wide)
  • 5px - Small screens (less than 701px wide)

Medium

  • 20px - Large/Medium screens (greater than 700px wide)
  • 10px - Small screens (less than 701px wide)

Large

  • 40px - Large/Medium screens (greater than 700px wide)
  • 20px - Small screens (less than 701px wide)

Authoring, Requirements and Specifications

Padding Size
  • Usage: The amount of space added