Clash of spacing utilites

[steveduffin]

Due to the way we build directional padding and given that we have a unit of sizing called x-large, we end up creating the following styles:

// padding all around at x-large size
.u-padding-x-large {
  padding: 80px !important;
}

...
// large size on the x coordinate 
.u-padding-x-large {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

Expected behavior

Do we need to reconsider the name of the x-large spacing? Deprecate the u-padding for u-padding-all would be painful