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

@import "../variables/sizing";

@each $scale, $size in $size-map {
  .pull-#{$scale}--top {
    margin-top: $size * -1 !important;
  }

  .pull-#{$scale}--right {
    margin-right: $size * -1 !important;
  }

  .pull-#{$scale}--bottom {
    margin-bottom: $size * -1 !important;
  }

  .pull-#{$scale}--left {
    margin-left: $size * -1 !important;
  }
}