@bchr/bchr-front-lib 0.3.82 → 0.3.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,344 +0,0 @@
1
- /** 全局颜色 **/
2
- /** 常用色值 **/
3
- /** 常用字体大小 **/
4
- html,
5
- body,
6
- div,
7
- span,
8
- applet,
9
- object,
10
- iframe,
11
- h1,
12
- h2,
13
- h3,
14
- h4,
15
- h5,
16
- h6,
17
- p,
18
- blockquote,
19
- pre,
20
- a,
21
- abbr,
22
- acronym,
23
- address,
24
- big,
25
- cite,
26
- code,
27
- del,
28
- dfn,
29
- em,
30
- img,
31
- ins,
32
- kbd,
33
- q,
34
- s,
35
- samp,
36
- small,
37
- strike,
38
- strong,
39
- sub,
40
- sup,
41
- tt,
42
- var,
43
- b,
44
- u,
45
- i,
46
- center,
47
- dl,
48
- dt,
49
- dd,
50
- ol,
51
- ul,
52
- li,
53
- fieldset,
54
- form,
55
- label,
56
- legend,
57
- table,
58
- caption,
59
- tbody,
60
- tfoot,
61
- thead,
62
- tr,
63
- th,
64
- td,
65
- article,
66
- aside,
67
- canvas,
68
- details,
69
- embed,
70
- figure,
71
- figcaption,
72
- footer,
73
- header,
74
- menu,
75
- nav,
76
- output,
77
- ruby,
78
- section,
79
- summary,
80
- time,
81
- mark,
82
- audio,
83
- video,
84
- input {
85
- margin: 0;
86
- padding: 0;
87
- border: 0;
88
- font-size: 100%;
89
- font-weight: normal;
90
- vertical-align: baseline;
91
- }
92
- body {
93
- overflow-y: hidden;
94
- }
95
- a {
96
- -webkit-backface-visibility: hidden;
97
- text-decoration: none;
98
- }
99
- a:hover {
100
- text-decoration: none !important;
101
- }
102
- ul {
103
- margin: 0 !important;
104
- }
105
- li {
106
- list-style: none;
107
- }
108
- .flex-row {
109
- /* 容器内水平排列 */
110
- position: relative;
111
- display: flex;
112
- }
113
- .flex-column {
114
- /* 容器内竖直排列 */
115
- position: relative;
116
- display: flex;
117
- flex-direction: column;
118
- }
119
- .flex-between {
120
- /* 分居容器内两侧 */
121
- position: relative;
122
- display: flex;
123
- justify-content: space-between;
124
- }
125
- .text_circle {
126
- /* 行内圆形 */
127
- position: relative;
128
- display: inline-block;
129
- box-sizing: border-box;
130
- border-radius: 50%;
131
- }
132
- .block_circle {
133
- /* 块圆形 */
134
- position: relative;
135
- display: block;
136
- box-sizing: border-box;
137
- border-radius: 50%;
138
- }
139
- .block_square_circle {
140
- position: relative;
141
- display: inline-block;
142
- border-radius: 10px 10px;
143
- }
144
- .square {
145
- /* 正方形 */
146
- position: relative;
147
- width: 100%;
148
- padding-bottom: 100%;
149
- height: 0;
150
- }
151
- .triangle {
152
- /* 上三角 */
153
- position: relative;
154
- width: 0px;
155
- height: 0px;
156
- display: block;
157
- border-left: 25px solid transparent;
158
- border-right: 25px solid transparent;
159
- border-bottom: 25px solid #5C9ACF;
160
- }
161
- .center-center {
162
- /* 全局居中 */
163
- position: absolute;
164
- top: 50%;
165
- left: 50%;
166
- text-align: center;
167
- transform: translate(-50%, -50%);
168
- }
169
- .text-center {
170
- /* 文本居中 */
171
- text-align: center;
172
- }
173
- .can-move {
174
- /* 可拖动 */
175
- cursor: move;
176
- }
177
- .nobr {
178
- /* 不换行 */
179
- white-space: nowrap;
180
- }
181
- .text_overflow {
182
- /* 单行文本的溢出显示省略号 */
183
- overflow: hidden;
184
- text-overflow: ellipsis;
185
- white-space: nowrap;
186
- }
187
- .text_overflow_more {
188
- /* 单行文本的溢出显示省略号 */
189
- overflow: hidden;
190
- text-overflow: ellipsis;
191
- display: -webkit-box;
192
- -webkit-line-clamp: 2;
193
- -webkit-box-orient: vertical;
194
- }
195
- .text_cannot_selected {
196
- /* 禁止文本被选中 */
197
- moz-user-select: -moz-none;
198
- -moz-user-select: none;
199
- -o-user-select: none;
200
- -khtml-user-select: none;
201
- -webkit-user-select: none;
202
- -ms-user-select: none;
203
- user-select: none;
204
- }
205
- .drop_down {
206
- /* 下拉菜单 */
207
- position: absolute;
208
- top: 100%;
209
- left: 0;
210
- z-index: 1000;
211
- display: none;
212
- float: left;
213
- min-width: 160px;
214
- padding: 5px 0;
215
- margin: 2px 0 0;
216
- list-style: none;
217
- font-size: 14px;
218
- text-align: left;
219
- background-color: #ffffff;
220
- border: 1px solid rgba(0, 0, 0, 0.15);
221
- border-radius: 4px;
222
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
223
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
224
- -webkit-background-clip: padding-box;
225
- background-clip: padding-box;
226
- }
227
- .right_line:after {
228
- position: absolute;
229
- top: 34px;
230
- right: 0;
231
- content: "";
232
- width: 1px;
233
- height: 80px;
234
- background-color: #fff;
235
- opacity: 0.4;
236
- }
237
- .tree-view-tool-bar {
238
- border-bottom: 1px solid #e7e7e7;
239
- height: 45px;
240
- margin-left: 10px;
241
- margin-right: 10px;
242
- padding: 0;
243
- }
244
- .tree-view-tool-bar .input-group {
245
- margin-top: 5px;
246
- }
247
- .tree-view-tool-bar .input-group .tree-view-search-input {
248
- border: none;
249
- border-radius: 0px;
250
- box-shadow: inset 0px 0px 0px #000000;
251
- background-color: #f7f7f7 !important;
252
- padding-top: 9px;
253
- padding-bottom: 9px;
254
- padding-left: 12px;
255
- height: 35px;
256
- font-size: 14px;
257
- color: #666;
258
- }
259
- .tree-view-tool-bar .input-group .input-group-btn {
260
- position: absolute;
261
- right: 0px;
262
- top: 0px;
263
- z-index: 999;
264
- cursor: pointer;
265
- }
266
- .tree-view-tool-bar .input-group .input-group-btn .search-in-tree-view {
267
- display: block;
268
- color: #03A9F4;
269
- height: 40px;
270
- width: 40px;
271
- line-height: 40px;
272
- text-align: center;
273
- }
274
- .react-grid-layout {
275
- position: relative;
276
- transition: height 200ms ease;
277
- background-color: #e9ecf3;
278
- }
279
- .react-grid-item {
280
- transition: all 200ms ease;
281
- transition-property: left, top;
282
- background-color: #fff;
283
- }
284
- .react-grid-item.cssTransforms {
285
- transition-property: transform;
286
- }
287
- .react-grid-item.resizing {
288
- z-index: 1;
289
- will-change: width, height;
290
- }
291
- .react-grid-item.react-draggable-dragging {
292
- transition: none;
293
- z-index: 3;
294
- will-change: transform;
295
- }
296
- .react-grid-item.react-grid-placeholder {
297
- background: #000;
298
- opacity: 0.2;
299
- transition-duration: 100ms;
300
- z-index: 2;
301
- -webkit-user-select: none;
302
- -moz-user-select: none;
303
- -ms-user-select: none;
304
- -o-user-select: none;
305
- user-select: none;
306
- }
307
- .react-grid-item > .react-resizable-handle {
308
- position: absolute;
309
- width: 20px;
310
- height: 20px;
311
- bottom: 0;
312
- right: 0;
313
- cursor: se-resize;
314
- }
315
- .react-grid-item > .react-resizable-handle::after {
316
- content: "";
317
- position: absolute;
318
- right: 3px;
319
- bottom: 3px;
320
- width: 5px;
321
- height: 5px;
322
- border-right: 2px solid rgba(0, 0, 0, 0.4);
323
- border-bottom: 2px solid rgba(0, 0, 0, 0.4);
324
- }
325
- .grad-icon {
326
- position: relative;
327
- top: -1px;
328
- right: 2px;
329
- font-size: 18px;
330
- }
331
- .grad-icon.delete {
332
- top: -7px;
333
- right: -5px;
334
- }
335
- .grad-icon.big {
336
- font-size: 25px;
337
- font-weight: 800;
338
- }
339
- .grad-icon.red {
340
- color: #f36a5a;
341
- }
342
- .grad-icon.green {
343
- color: #8bc34a;
344
- }