/*******************************
Nag
*******************************/
/*————–
Collection
—————*/
@position: relative; @width: 100%; @zIndex: 999; @margin: 0em;
@background: #555555; @opacity: 0.95; @minHeight: 0em; @padding: 0.75em 1em; @lineHeight: 1em; @boxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
@fontSize: 1rem; @textAlign: center; @color: @textColor;
@transition: 0.2s background ease;
/*————–
Elements
—————*/
/* Title */ @titleColor: @white; @titleMargin: 0em 0.5em;
@closeSize: 1em; @closeMargin: (-@closeSize / 2) 0em 0em; @closeTop: 50%; @closeRight: 1em; @closeColor: @white; @closeTransition: opacity 0.2s ease; @closeOpacity: 0.4;
/*————–
States
—————*/
/* Hover */ @nagHoverBackground: @background; @nagHoverOpacity: 1;
@closeHoverOpacity: 1;
/*————–
Variations
—————*/
/* Top / Bottom */ @top: 0em; @bottom: 0em; @borderRadius: @defaultBorderRadius; @topBorderRadius: 0em 0em @borderRadius @borderRadius; @bottomBorderRadius: @borderRadius @borderRadius 0em 0em;
/* Inverted */ @invertedBackground: @darkWhite;
/*————–
Plural
—————*/
@groupedBorderRadius: 0em;