lifegadget/ui-list

View on GitHub
vendor/ui-list/ui-list-sorting.css

Summary

Maintainability
Test Coverage
.ui-aspect-handle {
  padding: 10px;
  text-align: center;
}
.ui-aspect-handle:hover {
  cursor: grab;
  background: rgba(90%, 90%, 90%, 0.3);
  border-radius: 50%;
}

.sortable-item {
  padding: 4px;
  transition: all .125s;
}
.sortable-item .ui-aspect-handle {
  /*TODO: look at sortable demo*/
}
.sortable-item.is-dragging {
  transition-duration: 0s;
  background: #E3E8E8;
  cursor: grabbing;
  border-style: dashed;
  border-width: 2px;
  margin:10px 3px 11px 3px;
  z-index: 100;
}
.sortable-item.is-dragging .ui-aspect-handle {
  background: inherit;
  cursor: grabbing;
}
.sortable-item.is-dropping {
  background: #F1F4F4;
  z-index: 10;
  cursor: grab;
}