30 lines
518 B
CSS
30 lines
518 B
CSS
|
.ExampleDropTarget {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
min-height: 100px;
|
||
|
|
|
||
|
|
border: 2px dashed black;
|
||
|
|
padding: 20px;
|
||
|
|
transition: 0.2s all ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ExampleDropTarget h4,
|
||
|
|
.ExampleDropTarger p {
|
||
|
|
text-align: center;
|
||
|
|
word-break: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ExampleDropTarget.can-drop {
|
||
|
|
border: 2px dashed #20a5d6;
|
||
|
|
background-color: #fafafa;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ExampleDropTarget.hovered {
|
||
|
|
border: 2px dashed #20a5d6;
|
||
|
|
background-color: black;
|
||
|
|
color: #91b9cd;
|
||
|
|
cursor: copy;
|
||
|
|
}
|