blob: 25da5722736408c713d7e633c9318be55f2a6f59 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
/*******************************
Nag
*******************************/
/*--------------
Collection
---------------*/
@position: relative;
@width: 100%;
@zIndex: 999;
@margin: 0;
@background: #555555;
@opacity: 0.95;
@minHeight: 0;
@padding: 0.75em 1em;
@lineHeight: 1em;
@boxShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
@fontSize: 1rem;
@textAlign: center;
@color: @textColor;
@transition: 0.2s background ease;
/*--------------
Elements
---------------*/
/* Title */
@titleColor: @white;
@titleMargin: 0 0.5em;
@closeSize: 1em;
@closeMargin: (-@closeSize / 2) 0 0;
@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: 0;
@bottom: 0;
@borderRadius: @defaultBorderRadius;
@topBorderRadius: 0 0 @borderRadius @borderRadius;
@bottomBorderRadius: @borderRadius @borderRadius 0 0;
/* Inverted */
@invertedBackground: @darkWhite;
/*--------------
Plural
---------------*/
@groupedBorderRadius: 0;
|