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

.list {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  padding-top: $item-border-width;
  padding-bottom: $item-border-width;
  padding-left: 0; // reset padding because ul and ol
}

/**
 * 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;
}

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


// Cards / Inset Lists
// --------------------------------------------------
/*
  A card and list-inset are close to the same thing, except a card as a box shadow.
*/

.card, 
.list-inset {
  overflow: hidden;
  margin: ($content-padding * 2) $content-padding;
  background-color: $card-body-bg;
  border-radius: $card-border-radius;
}

.card {
  padding-top: $item-border-width;
  padding-bottom: $item-border-width;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.card .item,
.list-inset .item,
.padding > .list .item
{
  &:first-child {
    //margin-top: 0;
    border-top-left-radius: $card-border-radius;
    border-top-right-radius: $card-border-radius;

    .item-content {
      border-top-left-radius: $card-border-radius;
      border-top-right-radius: $card-border-radius;
    }
  }
  &:last-child {
    //margin-bottom: 0;
    border-bottom-left-radius: $card-border-radius;
    border-bottom-right-radius: $card-border-radius;

    .item-content {
      border-bottom-left-radius: $card-border-radius;
      border-bottom-right-radius: $card-border-radius;
    }
  }
}

.card .item:last-child, 
.list-inset .item:last-child {
  margin-bottom: $item-border-width * -1;
}

.card .item,
.card .item-divider,
.list-inset .item,
.list-inset .item-divider,
.padding > .list .item,
.padding-horizontal > .list .item,
.padding > .list .item-divider,
.padding-horizontal > .list .item-divider {
  margin-left: 0;
  margin-right: 0;
}
.padding-left > .list .item,
.padding-left > .list .item-divider {
  margin-left: 0;
}
.padding-right > .list .item,
.padding-right > .list .item-divider {
  margin-right: 0;
}