@import "../variables/sizing";

// *******************************************************************
// Pad Utilities
// .pad-[xs|sm|md|lg|xl]--top
// .pad-[xs|sm|md|lg|xl]--right
// .pad-[xs|sm|md|lg|xl]--bottom
// .pad-[xs|sm|md|lg|xl]--left
// *******************************************************************

@each $scale, $size in $size-map {
  .pad-#{$scale}--top {
    padding-top: $size !important;
  }

  .pad-#{$scale}--right {
    padding-right: $size !important;
  }

  .pad-#{$scale}--bottom {
    padding-bottom: $size !important;
  }

  .pad-#{$scale}--left {
    padding-left: $size !important;
  }
}