$include-html-alert-classes: false;
@import "foundation/components/alert-boxes";

$alert-box-color: $primary-color !default;
$alert-box-error-color: $alert-color !default;

.alert-box {
  @include alert($bg:$alert-box-color);

  .close { @include alert-close; }

  &.radius { @include radius($alert-radius); }
  &.round { @include radius($global-rounded); }

  &.success { @include alert-style($success-color);}
  &.alert { @include alert-style($alert-box-error-color);}
  &.secondary { @include alert-style($secondary-color);}

  ul, ol { font-size: inherit; margin-bottom: 0; }
}

.session-msg-box {
    @include alert($bg:$alert-box-color);

    font-size: 1rem;

    &.success { @include alert-style($success-color); }
    &.error { @include alert-style($alert-box-error-color);}
    &.info { @include alert-style($secondary-color);}
    &.warning { } // .warning uses the base 'alert' style
}