$base-spacing: 1.5em !default
$alert-color: #fff6bf !default
$error-color: #fbe3e4 !default
$notice-color: #e5edf8 !default
$success-color: #e6efc2 !default

=flash($color)
  background-color: $color
  color: darken($color, 60%)
  display: block
  font-weight: 600
  margin-bottom: $base-spacing / 2
  padding: $base-spacing / 2
  text-align: center
  a
    color: darken($color, 70%)
    text-decoration: underline
    &:focus,
    &:hover
      color: darken($color, 90%)

.flash-alert
  +flash($alert-color)

.flash-error
  +flash($error-color)

.flash-notice
  +flash($notice-color)

.flash-success
  +flash($success-color)