/**
 * Office UI Fabric JS 1.5.0
 * The JavaScript front-end framework for building experiences for Office 365.
 **/
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.

//
// Office UI Fabric
// --------------------------------------------------
// MessageBar Styles

$MessageBar-padding: 8px;

.ms-MessageBar {
  @include ms-baseFont;
  padding: $MessageBar-padding;
  display: table;
  @include ms-bgColor-info;

  .ms-Link {
    font-size: $ms-font-size-s;
  }
}

.ms-MessageBar-icon,
.ms-MessageBar-text {
  display: table-cell;
  vertical-align: top;
}

.ms-MessageBar-icon {
  padding-right: $MessageBar-padding;
  font-size: $ms-icon-size-m;
  @include ms-fontColor-neutralSecondaryAlt;
}

.ms-MessageBar-text {
  @include ms-font-s;
}


//== Modifier: Warning message
//
.ms-MessageBar.ms-MessageBar--warning {
  @include ms-bgColor-warning;
}


//== Modifier: Severe Warning message
//
.ms-MessageBar.ms-MessageBar--severeWarning {
  @include ms-bgColor-severeWarning;

  .ms-MessageBar-icon {
    @include ms-fontColor-severeWarning;
  }
}


//== Modifier: Error message
//
.ms-MessageBar.ms-MessageBar--error {
  @include ms-bgColor-error;

  .ms-MessageBar-icon {
    @include ms-fontColor-error;
  }
}


//== Modifier: Blocked message
//
.ms-MessageBar.ms-MessageBar--blocked {
  @include ms-bgColor-error;

  .ms-MessageBar-icon {
    @include ms-fontColor-error;
  }
}


//== Modifier: Success message
//
.ms-MessageBar.ms-MessageBar--success {
  @include ms-bgColor-success;

  .ms-MessageBar-icon {
    @include ms-fontColor-green;
  }
}