| 1 |
|
| 2 |
|
| 3 | .u-drop {
|
| 4 | background: rgb(189,189,189);
|
| 5 | padding: 8px; }
|
| 6 |
|
| 7 | .u-droping {
|
| 8 | background: rgb(64,196,255); }
|
| 9 |
|
| 10 | .u-drop.u-drop-horizontal {
|
| 11 | display: flex;
|
| 12 | width: 100%; }
|
| 13 |
|
| 14 | .u-drag {
|
| 15 | user-select: none;
|
| 16 | padding: 16px;
|
| 17 | color: rgb(0,0,0);
|
| 18 | margin: 4px;
|
| 19 | background: rgb(158,158,158);
|
| 20 | min-width: 100px; }
|
| 21 |
|
| 22 | .u-draging {
|
| 23 | background: rgb(100,181,246); }
|
| 24 |
|
| 25 | .u-drag.u-drag-horizontal {
|
| 26 | display: inline-block; }
|
| 27 |
|
| 28 | .u-drag-between {
|
| 29 | display: flex; }
|
| 30 |
|
| 31 | .u-drag-between-horizontal {
|
| 32 | flex-wrap: wrap; }
|