lifegadget/ui-list

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

Summary

Maintainability
Test Coverage
/* simple STYLING OVERLAY */

.ui-list.item.skin-simple {
  border-radius: 0px;
  border: 1px dotted lightgrey;
  border-left: none;
  border-right: none;
  border-top: none;
}
.ui-list .item.skin-simple:last-of-type {
  border-bottom: none !important;
}

/* Squeeze further to edges as no horizontal borders */
.ui-list .hpad.left,
.ui-list .hpad.right {
  width: 10px;
}
.ui-list.tiny .hpad.left,
.ui-list.tiny .hpad.right {
  width: 6px;
}
.ui-list.small .hpad.left,
.ui-list.small .hpad.right {
  width: 8px;
}
/* SQUEEZED*/
.ui-list.item.squeezed.skin-simple .hpad.left,
.ui-list.item.squeezed.skin-simple .hpad.right {
  width: 5px;
}
.ui-list.tiny.squeezed.skin-simple .hpad.left,
.ui-list.item.squeezed.skin-simple .hpad.right {
  width: 1px;
}
.ui-list.small.item.squeezed.skin-simple .hpad.left,
.ui-list.item.squeezed.skin-simple .hpad.right {
  width: 3px;
}

/* Selected */
.ui-list.item.skin-simple.selected {
  border: 1px dotted #303030;
  background-color: #FCFCFC;
}
.ui-list .item.skin-simple.selected:last-of-type {
  border-bottom: 1px dotted #303030 !important;
}