$base-spacing: 1.5em !default; $flashes: (“alert”: fff6bf,

"error": #fbe3e4,
"notice": #e5edf8,
"success": #e6efc2,

) !default;

@each $flash-type, $color in $flashes {

.flash-#{$flash-type} {
  background-color: $color;
  color: mix($black, $color, 60%);
  display: block;
  margin-bottom: $base-spacing / 2;
  padding: $base-spacing / 2;
  text-align: center;

  a {
    color: mix($black, $color, 70%);
    text-decoration: underline;

    &:focus,
    &:hover {
      color: mix($black, $color, 90%);
    }
  }
}

}