Utilities

Spacing

Assign margin or padding to an element with a spacing utility class. All classes are multiples of 20px. Use of these classes is explicitly stating your intention to override any pre-existing margin or padding styles.

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.

    
.p-sm {
  padding: 20px !important;
}

.m-lg {
  margin: 40px !important;
}

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

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

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

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

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