1 | @charset "UTF-8";
|
2 |
|
3 |
|
4 | .u-drop {
|
5 | background: #f7f9fb;
|
6 | border: 1px solid #ebecf0;
|
7 | padding: 12px;
|
8 | color: #212121; }
|
9 |
|
10 | .u-drop.u-drop-horizontal {
|
11 | display: flex;
|
12 | width: 100%; }
|
13 |
|
14 | .u-drag {
|
15 | user-select: none;
|
16 | margin: 4px;
|
17 | min-width: 100px;
|
18 | background: white;
|
19 | border-radius: 3px;
|
20 | border: 1px solid #a5adba;
|
21 | padding: 6px 0;
|
22 | font-size: 12px; }
|
23 | .u-drag:hover {
|
24 | background: #ebecf0;
|
25 | border: 1px solid #a5adba; }
|
26 | .u-drag:focus {
|
27 | outline: none; }
|
28 |
|
29 |
|
30 | .u-droping .u-draging {
|
31 | background: #ebecf0;
|
32 | box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
|
33 | opacity: 0.8; }
|
34 |
|
35 | .u-draging {
|
36 | background: #ebecf0;
|
37 | box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
|
38 | opacity: 0.8; }
|
39 |
|
40 | .u-drag.u-drag-horizontal {
|
41 | display: inline-block;
|
42 | width: 72px;
|
43 | height: 72px;
|
44 | line-height: 72px;
|
45 | padding: 0; }
|
46 |
|
47 | .u-drag-between {
|
48 | display: flex; }
|
49 |
|
50 | .u-drag-between-horizontal {
|
51 | flex-wrap: wrap; }
|