/*******************************
Message
*******************************/
// @textColor
/*——————-
Elements
——————–*/
@verticalMargin: 1em;
@verticalPadding: 1em; @horizontalPadding: 1.5em;
@background: EFEFEF; @lineHeight: 1.3; @lineHeightOffset: ((@lineHeight - 1em) / 2);
@borderRadius: @defaultBorderRadius; @borderWidth: 1px; @borderShadow: 0px 0px 0px @borderWidth @borderColor inset; @shadowShadow: 0px 0px 0px 0px transparent; @boxShadow:
@borderShadow, @shadowShadow
;
@transition:
opacity 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease
;
/* Header */ @headerFontSize: 1.1em; @headerFontWeight: bold; @headerDisplay: block; @headerDistance: 0.5rem; @headerParagraphDistance: 0.25em;
/* Paragraph */ @messageTextOpacity: 0.85; @messageParagraphMargin: 0.75em;
/* List */ @listOpacity: 0.85; @listStylePosition: inside; @listMargin: 0.5em; @listItemIndent: 1em; @listItemMargin: 0.3em;
/* Icon */ @iconDistance: 0.6em;
/* Close Icon */ @closeTopDistance: (1em + @lineHeightOffset); @closeRightDistance: 0.5em; @closeOpacity: 0.7;
/*——————-
Types
——————–*/
/* Icon Message */ @iconSize: 3em; @iconOpacity: 0.8; @iconContentDistance: 1.5rem; @iconVerticalAlign: middle; @circularIconContentDistance: 2em;
/* Attached */ @attachedXOffset: -1px; @attachedYOffset: -1px; @attachedBoxShadow: 0em 0em 0em @borderWidth rgba(0, 0, 0, 0.1) inset; @attachedBottomBoxShadow:
@attachedBoxShadow, @subtleShadow
;
/* Floating */ @floatingShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15); @floatingBoxShadow:
@floatingShadow, @borderShadow
;