@mixin create-paddings($spacing-types) {
  @each $type, $value in ($spacing-types) {
    .p-#{$type} {
      padding: $value !important;
    }
    .py-#{$type} {
      padding-top: $value !important;
      padding-bottom: $value !important;
    }
    .px-#{$type} {
      padding-right: $value !important;
      padding-left: $value !important;
    }
    .pt-#{$type} {
      padding-top: $value !important;
    }
    .pr-#{$type} {
      padding-right: $value !important;
    }
    .pb-#{$type} {
      padding-bottom: $value !important;
    }
    .pl-#{$type} {
      padding-left: $value !important;
    }
  }
}

@mixin create-margins($spacing-types) {
  @each $type, $value in ($spacing-types) {
    .m-#{$type} {
      margin: $value !important;
    }
    .my-#{$type} {
      margin-top: $value !important;
      margin-bottom: $value !important;
    }
    .mx-#{$type} {
      margin-right: $value !important;
      margin-left: $value !important;
    }
    .mt-#{$type} {
      margin-top: $value !important;
    }
    .mr-#{$type} {
      margin-right: $value !important;
    }
    .mb-#{$type} {
      margin-bottom: $value !important;
    }
    .ml-#{$type} {
      margin-left: $value !important;
    }
  }
}