@mixin toast-color($background-color) {
  @include background-color($background-color);
  color: getTextColorFromBackground($background-color);

  a, a:visited {
    color: getTextColorFromBackground($background-color);
    background-color: accentuate($background-color);
    text-decoration:none;
    opacity:1;
    &:hover, &:active, &:visited {
      color: getTextColorFromBackground($background-color);
      background-color:transparent;
      opacity:1;
    }
  }
}

.toast {
  @include panel($card-smallpad);
  padding:$card-smallpad;

  @each $name, $color in list-colors() {
    &-#{$name} { @include toast-color(get-color($name)); }
  }
}