.has-padding {
  padding: $spacing;

  &--h {
    padding: 0 $spacing;
  }

  &--v {
    padding: $spacing 0;
  }
}

.has-top-padding {
  padding-top: $spacing;
}

.has-bottom-padding {
  padding-bottom: $spacing;
}

.has-left-padding {
  padding-left: $spacing;
}

.has-tl-padding {
  padding-top: $spacing;
  padding-left: $spacing;
}

.has-bg {
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.is-rotate {
  transform: rotate(180deg);
}

.has-border {
  border: 1px solid $info;

  &.radius {
    border-radius: 2px;
  }
}
