Utilities

Spacing

Assign margin or padding to the top or bottom of an element with a spacing utility class. All classes are multiples of 20px.

Class names use the format: [property]-[side]-[size] where [property] is m for margin or p for padding. [side] is t for top, b for bottom, l for left, and r for right. [size] is 0 to remove margin or padding, sm is for 20px, md is 30px, and lg is 40px.

    
.m-t-0 {
  margin-top: 0;
}

.m-t-xs {
  margin-top: 10px;
}

.m-t-sm {
  margin-top: 20px;
}

.p-b-md {
  padding-bottom: 30px;
}

.p-b-lg {
  padding-bottom: 40px;
}