/*
  Flash Messages
*/

@mixin flash($background: $flash-notice, $text: $flash-text) {
  $flash-height: 35px;

  background-color: $background;
  color: $text;
  padding: 7px 7px 7px 44px; 
  position: relative;
  border-radius: $base-border-radius;

  &:before {    
    @include box-sizing(border-box);
    border-radius: $base-border-radius 0 0 $base-border-radius;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f05a";
    background-color: darken($background, 10%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: $flash-height;
    height: 100%;
    padding: 7px;
    text-align: center;
  }
}

/* 
  Text Highlights
*/

.highlight {
  font-size: 12px;
  line-height: 18px;
  border-radius: $base-border-radius;
  background: $blue;
  color: white;
  display: inline-block;
  font-style: italic;
  padding: 0 3px;
}
