UNPKG

4.27 kBCSSView Raw
1@charset "UTF-8";
2/* FormGroup */
3/* Navlayout */
4.u-drop {
5 background: #f7f9fb;
6 border: 1px solid #ebecf0;
7 padding: 12px; }
8
9.u-drop.u-drop-horizontal {
10 display: -ms-flexbox;
11 display: flex;
12 width: 100%; }
13
14.u-drag {
15 -webkit-user-select: none;
16 -moz-user-select: none;
17 -ms-user-select: none;
18 user-select: none;
19 margin: 4px;
20 min-width: 100px;
21 background: white;
22 border-radius: 3px;
23 border: 1px solid #a5adba;
24 padding: 6px 0;
25 font-size: 12px; }
26 .u-drag:hover {
27 background: #ebecf0;
28 border: 1px solid #a5adba; }
29 .u-drag:focus {
30 outline: none; }
31
32/*拖动状态*/
33.u-droping .u-draging {
34 background: #ebecf0;
35 box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
36 opacity: 0.8; }
37
38.u-drag.u-drag-horizontal {
39 display: inline-block;
40 width: 72px;
41 height: 72px;
42 line-height: 72px;
43 padding: 0; }
44
45.u-drag-between {
46 display: -ms-flexbox;
47 display: flex; }
48
49.u-drag-between-horizontal {
50 -ms-flex-wrap: wrap;
51 flex-wrap: wrap; }
52
53.u-drop {
54 width: 300px; }
55
56.u-drag {
57 text-align: center; }
58
59@charset "UTF-8";
60.demo {
61 width: 167px;
62 height: 32px;
63 background: #f7f9fb;
64 border-radius: 3px;
65 border: 1px solid #a5adba;
66 line-height: 32px;
67 font-size: 12px;
68 color: #212121;
69 text-align: center;
70 cursor: grab; }
71 .demo:hover {
72 background: #ebecf0;
73 border-radius: 3px; }
74
75/*拖动状态*/
76.react-draggable-transparent-selection .demo {
77 box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
78 opacity: 0.8;
79 cursor: grabbing; }
80
81@charset "UTF-8";
82.demo {
83 width: 167px;
84 height: 32px;
85 background: #f7f9fb;
86 border-radius: 3px;
87 border: 1px solid #a5adba;
88 line-height: 32px;
89 font-size: 12px;
90 color: #212121;
91 text-align: center;
92 cursor: grab; }
93 .demo:hover {
94 background: #ebecf0;
95 border-radius: 3px; }
96
97/*拖动状态*/
98.react-draggable-transparent-selection .demo {
99 box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
100 opacity: 0.8;
101 cursor: grabbing; }
102
103.demo-3 .demo3:hover {
104 background: #f7f9fb;
105 cursor: not-allowed; }
106
107@charset "UTF-8";
108.demo-4 .demo4 {
109 position: relative;
110 cursor: default; }
111 .demo-4 .demo4:hover {
112 background: #f7f9fb;
113 cursor: default; }
114
115.demo4 .handle {
116 position: absolute;
117 right: -1px;
118 top: -1px;
119 height: 32px;
120 line-height: 30px;
121 background: #dfe1e6;
122 border-radius: 0px 3px 3px 0px;
123 border: 1px solid #a5adba;
124 cursor: grab; }
125 .demo4 .handle:hover {
126 background: #b3bac5; }
127
128/*拖动状态*/
129.react-draggable-transparent-selection .demo4 .handle {
130 background: #b3bac5;
131 cursor: grabbing; }
132
133@charset "UTF-8";
134.demo {
135 width: 167px;
136 height: 32px;
137 background: #f7f9fb;
138 border-radius: 3px;
139 border: 1px solid #a5adba;
140 line-height: 32px;
141 font-size: 12px;
142 color: #212121;
143 text-align: center;
144 cursor: grab; }
145 .demo:hover {
146 background: #ebecf0;
147 border-radius: 3px; }
148
149/*拖动状态*/
150.react-draggable-transparent-selection .demo {
151 box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
152 opacity: 0.8;
153 cursor: grabbing; }
154
155@charset "UTF-8";
156.demo {
157 width: 167px;
158 height: 32px;
159 background: #f7f9fb;
160 border-radius: 3px;
161 border: 1px solid #a5adba;
162 line-height: 32px;
163 font-size: 12px;
164 color: #212121;
165 text-align: center;
166 cursor: grab; }
167 .demo:hover {
168 background: #ebecf0;
169 border-radius: 3px; }
170
171/*拖动状态*/
172.react-draggable-transparent-selection .demo {
173 box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
174 opacity: 0.8;
175 cursor: grabbing; }
176
177.demo6 {
178 height: 100px; }
179
180@charset "UTF-8";
181.demo {
182 width: 167px;
183 height: 32px;
184 background: #f7f9fb;
185 border-radius: 3px;
186 border: 1px solid #a5adba;
187 line-height: 32px;
188 font-size: 12px;
189 color: #212121;
190 text-align: center;
191 cursor: grab; }
192 .demo:hover {
193 background: #ebecf0;
194 border-radius: 3px; }
195
196/*拖动状态*/
197.react-draggable-transparent-selection .demo {
198 box-shadow: 0px 2px 4px 0px rgba(31, 37, 52, 0.3);
199 opacity: 0.8;
200 cursor: grabbing; }
201
202.demo7-parent {
203 width: 300px;
204 height: 200px;
205 background: #f7f9fb;
206 border: 1px solid #ebecf0;
207 position: relative; }
208
209
210.u-drop {
211 overflow: scroll; }
212
213.u-drag-between {
214 height: 300px; }
215
216.u-drop {
217 overflow: scroll; }
218
219.u-drag-between-horizontal {
220 height: 200px; }
221
222/*# sourceMappingURL=demo.css.map */