/*******************************
            Message
*******************************/

// @textColor

/*-------------------
       Elements
--------------------*/

@messageVerticalMargin: 1em;
@messageVerticalPadding: 1em;
@messageHorizontalPadding: 1.5em;
@messagePadding: @messageVerticalPadding @messageHorizontalPadding;
@messageBackground: #F8F8F9;
@messageLineHeightOffset: ((@lineHeight - 1em) / 2);

@messageBorderRadius: @defaultBorderRadius;
@messageBorderWidth: 1px;
@messageBorderShadow: 0px 0px 0px @messageBorderWidth @strongBorderColor inset;
@messageShadowShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
@boxShadow:
  @messageBorderShadow,
  @messageShadowShadow
;

@transition:
  opacity @defaultDuration @defaultEasing,
  color @defaultDuration @defaultEasing,
  background @defaultDuration @defaultEasing,
  box-shadow @defaultDuration @defaultEasing
;

/* Header */
@messageHeaderFontSize: @relativeLarge;
@messageHeaderFontWeight: @bold;
@messageHeaderDisplay: block;
@messageHeaderDistance: 0rem;
@messageHeaderMargin: -@headerLineHeightOffset 0em @messageHeaderDistance 0em;
@messageHeaderParagraphDistance: 0.25em;

/* Paragraph */
@messageMessageTextOpacity: 0.85;
@messageMessageParagraphMargin: 0.75em;

/* List */
@messageListOpacity: 0.85;
@messageListStylePosition: inside;
@messageListMargin: 0.5em;
@messageListItemIndent: 1em;
@messageListItemMargin: 0.3em;

/* Icon */
@messageIconDistance: 0.6em;

/* Close Icon */
@messageCloseTopDistance: @messageVerticalPadding - @messageLineHeightOffset;
@messageCloseRightDistance: 0.5em;
@messageCloseOpacity: 0.7;
@messageCloseTransition: opacity @defaultDuration @defaultEasing;


/*-------------------
        Types
--------------------*/

/* Icon Message */
@messageIconSize: 3em;
@messageIconOpacity: 0.8;
@messageIconContentDistance: 0rem;
@messageIconVerticalAlign: middle;

/* Attached */
@messageAttachedXOffset: -1px;
@messageAttachedYOffset: -1px;
@messageAttachedBoxShadow: 0em 0em 0em @messageBorderWidth @borderColor inset;
@attachedBottomBoxShadow:
  @messageAttachedBoxShadow,
  @subtleShadow
;

/* Floating */
@floatingBoxShadow:
  @messageBorderShadow,
  @floatingShadow
;

/* Colors */
@redBoxShadow:
  0px 0px 0px @messageBorderWidth @redBorderColor inset,
  @messageShadowShadow
;
@orangeBoxShadow:
  0px 0px 0px @messageBorderWidth @orangeBorderColor inset,
  @messageShadowShadow
;
@yellowBoxShadow:
  0px 0px 0px @messageBorderWidth @yellowBorderColor inset,
  @messageShadowShadow
;
@oliveBoxShadow:
  0px 0px 0px @messageBorderWidth @oliveBorderColor inset,
  @messageShadowShadow
;
@greenBoxShadow:
  0px 0px 0px @messageBorderWidth @greenBorderColor inset,
  @messageShadowShadow
;
@tealBoxShadow:
  0px 0px 0px @messageBorderWidth @tealBorderColor inset,
  @messageShadowShadow
;
@blueBoxShadow:
  0px 0px 0px @messageBorderWidth @blueBorderColor inset,
  @messageShadowShadow
;
@violetBoxShadow:
  0px 0px 0px @messageBorderWidth @violetBorderColor inset,
  @messageShadowShadow
;
@purpleBoxShadow:
  0px 0px 0px @messageBorderWidth @purpleBorderColor inset,
  @messageShadowShadow
;
@pinkBoxShadow:
  0px 0px 0px @messageBorderWidth @pinkBorderColor inset,
  @messageShadowShadow
;
@brownBoxShadow:
  0px 0px 0px @messageBorderWidth @brownBorderColor inset,
  @messageShadowShadow
;

/* Warning / Positive / Negative / Info */
@positiveBoxShadow:
  0px 0px 0px @messageBorderWidth @positiveBorderColor inset,
  @messageShadowShadow
;
@negativeBoxShadow:
  0px 0px 0px @messageBorderWidth @negativeBorderColor inset,
  @messageShadowShadow
;
@infoBoxShadow:
  0px 0px 0px @messageBorderWidth @infoBorderColor inset,
  @messageShadowShadow
;
@warningBoxShadow:
  0px 0px 0px @messageBorderWidth @warningBorderColor inset,
  @messageShadowShadow
;
@errorBoxShadow:
  0px 0px 0px @messageBorderWidth @errorBorderColor inset,
  @messageShadowShadow
;
@successBoxShadow:
  0px 0px 0px @messageBorderWidth @successBorderColor inset,
  @messageShadowShadow
;