You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.2 KiB
74 lines
1.2 KiB
/*******************************
|
|
Nag
|
|
*******************************/
|
|
|
|
/*--------------
|
|
Collection
|
|
---------------*/
|
|
|
|
@position: relative;
|
|
@width: 100%;
|
|
@zIndex: 101;
|
|
@margin: 0em;
|
|
|
|
@background: #555555;
|
|
@opacity: 0.95;
|
|
@minHeight: 0em;
|
|
@padding: 0.5em 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: 0.25em;
|
|
@topBorderRadius: 0em 0em @borderRadius @borderRadius;
|
|
@bottomBorderRadius: @borderRadius @borderRadius 0em 0em;
|
|
|
|
/* Inverted */
|
|
@invertedBackground: @darkWhite;
|
|
|
|
/*--------------
|
|
Plural
|
|
---------------*/
|
|
|
|
@groupedBorderRadius: 0em;
|
|
|