jiro-ui/lib/components/list/index.css

A Mithril.js UI library based from construct-ui

.cui-list {
  background: white;
  position: relative;
  width: 100%;
  overflow-y: auto;
  max-height: 400px; }
  .cui-list .cui-list-item {
    padding: 10px;
    font-size: 14px; }
  .cui-list .cui-list-item-content-left {
    padding-right: 10px; }
  .cui-list .cui-list-item-content-right {
    padding-left: 10px; }
  .cui-list .cui-list-item:hover {
    background: none;
    cursor: default; }
  .cui-list.cui-interactive .cui-list-item:hover {
    background: #f1f3f5;
    cursor: pointer; }

.cui-list-item {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #c5cdd1;
  color: #37474f;
  font-weight: normal;
  cursor: pointer; }
  .cui-list-item:hover, .cui-list-item.cui-active {
    background: #f1f3f5; }
  .cui-list-item.cui-selected {
    color: #5c6bc0;
    font-weight: bold; }
  .cui-list-item.cui-disabled {
    opacity: 0.5 !important; }
    .cui-list-item.cui-disabled:hover {
      background: none; }
  .cui-list-item:last-child {
    border-bottom: none; }

.cui-list-item-content-left .cui-icon {
  display: block; }

.cui-list-item-content-right {
  margin-left: auto; }

.cui-list.cui-xs .cui-list-item {
  padding: 8px;
  font-size: 12px; }

.cui-list.cui-xs .cui-list-item-content-left {
  padding-right: 8px; }

.cui-list.cui-xs .cui-list-item-content-right {
  padding-left: 8px; }

.cui-list.cui-sm .cui-list-item {
  padding: 9px;
  font-size: 13px; }

.cui-list.cui-sm .cui-list-item-content-left {
  padding-right: 9px; }

.cui-list.cui-sm .cui-list-item-content-right {
  padding-left: 9px; }

.cui-list.cui-lg .cui-list-item {
  padding: 11px;
  font-size: 16px; }

.cui-list.cui-lg .cui-list-item-content-left {
  padding-right: 11px; }

.cui-list.cui-lg .cui-list-item-content-right {
  padding-left: 11px; }

.cui-list.cui-xl .cui-list-item {
  padding: 13px;
  font-size: 18px; }

.cui-list.cui-xl .cui-list-item-content-left {
  padding-right: 13px; }

.cui-list.cui-xl .cui-list-item-content-right {
  padding-left: 13px; }