.alert {
  padding: $content-padding;
  margin-bottom: $component-span;
  border: $border-width solid transparent;
  font-size:$font-size;
  position:relative;
  color:#fff;
  border-radius: $border-radius;
  &.success {
    background: $success-color;
  }
  &.info {
    background: $info-color;
  }
  &.warning {
    background: $warning-color;
  }
  &.danger {
    background: $error-color;
  }
  &.dismissible {
    .button-close {
      position: absolute;
      top: 50%;
      right: $content-padding;
      margin-top:-$component-size-small/2;
      opacity: 0.2;
      color:#fff;
    }
  }
}