.uc-list-comma {
  > * {
    display: inline;
  }

  > *:not(:last-child):after {
    content: ', ';
  }
}

.uc-list-pipe {
  > li {
    display: inline-block;
  }
  > li + li {
    &:before {
      content: '|';
      padding: 0 $gutter;
      margin-left: -0.25em; //Counteract inline-block white space
    }
  }
}

.uc-list-paired {
  clear: both;
  width: 100%;
  &:after{
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  dt {
    float: left;
    display: inline;
    clear: both;
    text-align: right;
    width: percentage(1/5);
    color: $middle-gray;
    padding-right: $gutter;
    padding-bottom: $gutter/2;
  }

  dd {
    float: left;
    display: inline;
    width: percentage(4/5);
    word-wrap: break-word;
    padding-bottom: $gutter/2;
  }
}

.uc-list-circle {
  list-style: circle;
  li {
    margin-top: $gutter*0.4;
    margin-left: $gutter*2;
  }
}

.uc-list-disc {
  list-style: disc;
  li {
    margin-top: $gutter*0.4;
    margin-left: $gutter*2;
  }
}

.uc-list-alpha--inside {
  list-style: lower-alpha inside;
  li {
    margin-top: $gutter*0.4;
  }
}

.uc-list-alpha--outside {
  list-style: lower-alpha outside;
  margin-left: $gutter*1.5;
  li{
    margin-top: $gutter*0.4;
  }
}

.uc-list-decimal--inside {
  list-style: decimal inside;
  li {
    margin-top: $gutter*0.4;
  }
}

.uc-list-decimal--outside {
  list-style: decimal outside;
  margin-left: $gutter*1.5;
  li{
    margin-top: $gutter*0.4;
  }
}

//
// LONG LIST
//
.uc-list-long {
  border: $light-border-width solid $light-gray;
  max-height: 850px;
  overflow-y: auto;
  > li {
    padding: $gutter*1.5 $gutter;

    clear: both;
    width: 100%;
    &:after{
      clear: both;
      content: " ";
      display: block;
      font-size: 0;
      height: 0;
      visibility: hidden;
    }
  }
  > li + li {
    border-top: $light-border-width solid $lighter-gray;
  }
}

//
// QUICK INFO (RIGHT SIDEBAR)
//
.uc-quick-info {
  .uc-quick-info-header {
    border-top: 3px solid $lighter-gray;
    border-bottom: 1px solid $lighter-gray;
    padding: 3px 0;
  }
  dt {
    margin-top: $gutter*1.5;
    margin-bottom: 3px;
    @extend .uc-t-body-strong;
  }
}