UNPKG

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