Skip to content

Design Library

Spacing

Spacing override classes

Jenkins features a range of spacing helper classes to enable you to set the margin and padding for your element.

This is done through the jenkins-!-margin-* and jenkins-!-padding-* classes. The * is the spacing modifier, it ranges from 0 for no spacing to 5 for maximum spacing.

You can use position modifiers if you only want to impact one side, for example, jenkins-!-padding-left-3.

Examples

jenkins-!-margin-bottom-5

jenkins-!-margin-bottom-4

jenkins-!-margin-bottom-3

jenkins-!-margin-bottom-2

jenkins-!-margin-bottom-1

jenkins-!-margin-bottom-0

jenkins-!-padding-5