//
// Drag and Drop
// --------------------------------------------------

.dndPlaceholder {
  width: 100%;
  list-style: none;
  background: rgba($brand-success, 0.33);
  border: 2px dashed $brand-success;
  border-radius: $border-radius-base;
  height: $grid-unit-y * 2 - 4;
  margin-bottom: $grid-unit-y;
}

.dndDraggingSource {
  opacity: 0.2;
  cursor: grabbing;
}

[draggable="true"] {
  cursor: grab;
}