// List
// -------------------------------

.list {
  position: relative;
  overflow: hidden;
  // No need to set list-style: none; since .list-item is block level
  margin-bottom: 20px;
  padding-top: $item-border-width;
  padding-bottom: $item-border-width;
  padding-left: 0; // reset padding because ul and ol

  // make room for the list item borders
}

/**
 * List editing styles. These trigger when the entire list goes into
 * "edit mode"
 */
.list-editing {
  .item-content {
    margin-right: 30px;
    margin-left: 30px;
  }
  .item-edit {
    left: 0px;
    opacity: 1;
  }
}


// List Header
// -------------------------------

.list-header {
  margin-top: $list-header-margin-top;
  padding: $list-header-padding;
  background-color: $list-header-bg;
  color: $list-header-color;
  font-weight: bold;
}


// List Refresher
// -------------------------------

.list-refresher {
  overflow: hidden;
  height: 0;
  background-color: red;
}
.list-refreshing {
}


// when its a card make sure it doesn't duplicate top and bottom borders
.card.list .list-item {
  padding-right: 1px;
  padding-left: 1px;
}

.list-label-right {
  float: right;
  color: #aaa;
  font-size: 14px;
}