UNPKG

1.25 kBSCSSView Raw
1@import "../node_modules/tinper-bee-core/scss/minxin-variables";
2@import "../node_modules/tinper-bee-core/scss/minxin-mixins";
3
4// .u-drag-list{
5// background: $dnd-list-background;
6// padding: $dnd-list-padding;
7// }
8// .u-list-dragging{
9// background: $dnd-list-dragging-background;
10// }
11// .u-drag-item{
12// user-select: none;
13// padding: $dnd-item-padding;
14// color: $dnd-item-color;
15// margin: $dnd-item-margin;
16// background: $dnd-item-background;
17// }
18// .u-dragging{
19// background: $dnd-item-dragging-background;
20// }
21
22// drop
23.u-drop{
24 background: $dnd-list-background;
25 padding: $dnd-list-padding;
26}
27
28// dragover
29.u-droping{
30 background: $dnd-list-dragging-background;
31}
32
33.u-drop.u-drop-horizontal{
34 display: flex;
35 width: 100%;
36}
37
38.u-droping-horizontal{
39
40}
41
42// drag
43.u-drag{
44 user-select: none;
45 padding: $dnd-item-padding;
46 color: $dnd-item-color;
47 margin: $dnd-item-margin;
48 background: $dnd-item-background;
49 min-width: 100px;
50}
51
52// draging
53.u-draging{
54 background: $dnd-item-dragging-background;
55}
56
57// drag 横向
58.u-drag.u-drag-horizontal{
59 display: inline-block;
60}
61
62// draging 横向
63.u-draging-horizontal{
64
65}
66
67// between
68.u-drag-between{
69 display: flex;
70}
71.u-drag-between-horizontal{
72 flex-wrap: wrap;
73}
\No newline at end of file