/* ===================================================
/* ALERTS
/* ===================================================

// ====================================
// MIXINS
// ====================================
=create-alert
  position: relative
  display: block
  width: 100%
  padding: ($alert-padding / 2) $alert-padding
  font:
    size: $alert-font-size
    weight: $alert-font-weight
  color: setTextColor($color-default)
  background: $color-default
  border: 1px solid darken($color-default, ($darken * 2))
  border-radius: $alert-border-radius
  // Pseudo
  &:not(:last-child)
    margin-bottom: $spacing
  // Elements
  > a:not(.button)
    font-weight: $font-weight-bold
    color: setTextColor($color-default)
    text-decoration: underline
  // Modifiers
  @each $type, $color in $alert-color-map
    &.make-#{$type}
      color: setTextColor($color)
      background: $color
      border-color: darken($color, ($darken * 2))
      // Elements
      > a:not(.button)
        color: setTextColor($color)
        text-decoration: underline

// ====================================
// ALERTS
// ====================================
.alert
  +create-alert