/*

* # Semantic - Nag
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2014 Contributor
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************

Theme

*******************************/

@type : ‘module’; @element : ‘nag’;

@import ‘../../theme.config’;

/*******************************

Nag

*******************************/

.ui.nag {

display: none;
opacity: @opacity;
position: @position;
top: @top;
left: 0px;
z-index: @zIndex;
min-height: @minHeight;
width: @width;
margin: @margin;
padding: @padding;
background: @background;
box-shadow: @boxShadow;
font-size: @fontSize;
text-align: @textAlign;
color: @color;
border-radius: @topBorderRadius;
transition: @transition;

}

a.ui.nag {

cursor: pointer;

}

.ui.nag > .title {

display: inline-block;
margin: @titleMargin;
color: @titleColor;

}

.ui.nag > .close.icon {

cursor: pointer;
opacity: @closeOpacity;
position: absolute;
top: @closeTop;
right: @closeRight;
font-size: @closeSize;
margin: @closeMargin;
color: @closeColor;
transition: @closeTransition;

}

/*******************************

States

*******************************/

/* Hover */ .ui.nag:hover {

background: @nagHoverBackground;
opacity: @nagHoverOpacity;

}

.ui.nag .close:hover {

opacity: @closeHoverOpacity;

}

/*******************************

Variations

*******************************/

/*————–

Static

—————*/

.ui.overlay.nag {

position: absolute;
display: block;

}

/*————–

Fixed

—————*/

.ui.fixed.nag {

position: fixed;

}

/*————–

Bottom

—————*/

.ui.bottom.nags, .ui.bottom.nag {

border-radius: @bottomBorderRadius;
top: auto;
bottom: @bottom;

}

/*————–

White

—————*/

.ui.inverted.nags .nag, .ui.inverted.nag {

background-color: @invertedBackground;
color: @darkTextColor;

} .ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title, .ui.inverted.nag .close, .ui.inverted.nag .title {

color: @lightTextColor;

}

/*******************************

Groups

*******************************/

.ui.nags .nag {

border-radius: @groupedBorderRadius !important;

} .ui.nags .nag:last-child {

border-radius: @topBorderRadius;

} .ui.bottom.nags .nag:last-child {

border-radius: @bottomBorderRadius;

}

.loadUIOverrides();