/*******************************
             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;