/**
 * spacing helper
 */
@import url('./variables.css');

@each $size in none, xs, sm, md, lg, xl {
  @each $prop in margin, padding {
    .has-$(prop)-$(size) {
      $(prop): var(--spacing-$(size)) !important;
    }

    @each $dir in top, right, bottom, left {
      .has-$(prop)-$(dir)-$(size) {
        $(prop)-$(dir): var(--spacing-$(size)) !important;
      }
    }
  }
}