message.variables
3.31 KB
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
/*******************************
Message
*******************************/
// @textColor
/*-------------------
Elements
--------------------*/
@verticalMargin: 1em;
@verticalPadding: 1em;
@horizontalPadding: 1.5em;
@padding: @verticalPadding @horizontalPadding;
@background: #F8F8F9;
@lineHeightOffset: ((@lineHeight - 1em) / 2);
@borderRadius: @defaultBorderRadius;
@borderWidth: 1px;
@borderShadow: 0px 0px 0px @borderWidth @strongBorderColor inset;
@shadowShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
@boxShadow:
@borderShadow,
@shadowShadow
;
@transition:
opacity @defaultDuration @defaultEasing,
color @defaultDuration @defaultEasing,
background @defaultDuration @defaultEasing,
box-shadow @defaultDuration @defaultEasing
;
/* Header */
@headerFontSize: @relativeLarge;
@headerFontWeight: @bold;
@headerDisplay: block;
@headerDistance: 0rem;
@headerMargin: -@headerLineHeightOffset 0em @headerDistance 0em;
@headerParagraphDistance: 0.25em;
/* Paragraph */
@messageTextOpacity: 0.85;
@messageParagraphMargin: 0.75em;
/* List */
@listOpacity: 0.85;
@listStylePosition: inside;
@listMargin: 0.5em;
@listItemIndent: 1em;
@listItemMargin: 0.3em;
/* Icon */
@iconDistance: 0.6em;
/* Close Icon */
@closeTopDistance: @verticalPadding - @lineHeightOffset;
@closeRightDistance: 0.5em;
@closeOpacity: 0.7;
@closeTransition: opacity @defaultDuration @defaultEasing;
/*-------------------
Types
--------------------*/
/* Icon Message */
@iconSize: 3em;
@iconOpacity: 0.8;
@iconContentDistance: 0rem;
@iconVerticalAlign: middle;
/* Attached */
@attachedXOffset: -1px;
@attachedYOffset: -1px;
@attachedBoxShadow: 0em 0em 0em @borderWidth @borderColor inset;
@attachedBottomBoxShadow:
@attachedBoxShadow,
@subtleShadow
;
/* Floating */
@floatingBoxShadow:
@borderShadow,
@floatingShadow
;
/* Colors */
@redBoxShadow:
0px 0px 0px @borderWidth @redBorderColor inset,
@shadowShadow
;
@orangeBoxShadow:
0px 0px 0px @borderWidth @orangeBorderColor inset,
@shadowShadow
;
@yellowBoxShadow:
0px 0px 0px @borderWidth @yellowBorderColor inset,
@shadowShadow
;
@oliveBoxShadow:
0px 0px 0px @borderWidth @oliveBorderColor inset,
@shadowShadow
;
@greenBoxShadow:
0px 0px 0px @borderWidth @greenBorderColor inset,
@shadowShadow
;
@tealBoxShadow:
0px 0px 0px @borderWidth @tealBorderColor inset,
@shadowShadow
;
@blueBoxShadow:
0px 0px 0px @borderWidth @blueBorderColor inset,
@shadowShadow
;
@violetBoxShadow:
0px 0px 0px @borderWidth @violetBorderColor inset,
@shadowShadow
;
@purpleBoxShadow:
0px 0px 0px @borderWidth @purpleBorderColor inset,
@shadowShadow
;
@pinkBoxShadow:
0px 0px 0px @borderWidth @pinkBorderColor inset,
@shadowShadow
;
@brownBoxShadow:
0px 0px 0px @borderWidth @brownBorderColor inset,
@shadowShadow
;
/* Warning / Positive / Negative / Info */
@positiveBoxShadow:
0px 0px 0px @borderWidth @positiveBorderColor inset,
@shadowShadow
;
@negativeBoxShadow:
0px 0px 0px @borderWidth @negativeBorderColor inset,
@shadowShadow
;
@infoBoxShadow:
0px 0px 0px @borderWidth @infoBorderColor inset,
@shadowShadow
;
@warningBoxShadow:
0px 0px 0px @borderWidth @warningBorderColor inset,
@shadowShadow
;
@errorBoxShadow:
0px 0px 0px @borderWidth @errorBorderColor inset,
@shadowShadow
;
@successBoxShadow:
0px 0px 0px @borderWidth @successBorderColor inset,
@shadowShadow
;