@import "~bootstrap/scss/alert";

.x-alert {
  @extend %d-flex,
          %px-2,
          .alert;
  position: relative;
  align-items: center;
  width: 100%;

  .close {
    top: 0.7rem;
  }

  .x-icon-container {
    @extend %mr-1;
  }
}

.x-alert-sm {
  padding: ($alert-padding-y / 2)  ($alert-padding-x / 2);
}