lifegadget/ui-list

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

Summary

Maintainability
Test Coverage
/* FLAT STYLING OVERLAY */

.ui-list.item.skin-flat {
    border-radius: 0px;
    border: 1px solid lightgrey;
    border-left: none;
    border-right: none;
}

/* 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-flat .hpad.left,
.ui-list.item.squeezed.skin-flat .hpad.right {
    width: 5px;
}
.ui-list.tiny.squeezed.skin-flat .hpad.left,
.ui-list.item.squeezed.skin-flat .hpad.right {
    width: 1px;
}
.ui-list.small.item.squeezed.skin-flat .hpad.left,
.ui-list.item.squeezed.skin-flat .hpad.right {
    width: 3px;
}

/* Selected */
.ui-list.item.skin-flat.selected {
  background-color: #F3F3F3;
}