.list-underlined {
  @extend .list-unstyled;

  > li {
    border-bottom: 1px solid $text-muted;
  }
}

.flex-space-left {
  margin-left: auto;
}

.flex-space-right {
  margin-right: auto;
}

.alert {
  border-width: 0;
  background: transparent;

  @each $color, $value in $theme-colors {
    &.alert-#{$color} {
      border-bottom: 2px solid theme-color-level($color, $alert-color-level);
      transition: background-color ease 200ms;

      &:hover {
        background-color: rgba(theme-color-level($color, $alert-bg-level), .5);
      }
    }
  }
}

.collapse {
  padding-bottom: .5rem;
}

%flex {
  display: flex;
  align-items: center;
}