sass-site/source/assets/css/components/_alerts.scss

.sl-c-alert {
  padding: {
    top: sl-px-to-rem(12px);
    bottom: sl-px-to-rem(12px);
  };
  text-align: center;
  background: darken($sl-color--hopbush, 10%);
  color: rgba($sl-color--white, .875);

  p,
  ul,
  dl {

    &:first-child { margin-top: 0; }

    &:last-child { margin-bottom: 0; }
  }

  p,
  li,
  dd { max-width: none; }

  a {
    border-bottom-color: rgba($sl-color--white, .5);
    font-weight: $sl-font-weight--bold;
    color: $sl-color--white;

    &:hover,
    &:focus {
      border-bottom-color: rgba($sl-color--white, .75);
      background: rgba(black, .0625);
    }

    &:active { border-bottom-color: $sl-color--white; }
  }

  &--info { background: $sl-color--midnight-blue; }
}