// Lists
// -------------------------

// Unordered and Ordered lists
ul,
ol {
  margin-top: 0;
  margin-bottom: em($line-height-base / 2);
}
// remove bottom margin from nested lists.
li {
  > ul:last-child,
  > ol:last-child {
    margin-bottom: 0;
  }
}



// Description Lists
dl {
  margin-top: 0; // Remove browser default
  margin-bottom: em($line-height-base);
}

dt,
dd {
  line-height: $line-height-base-ratio;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0; // Undo browser default
  margin-bottom: em($line-height-base / 2);
}



// Horizontal description lists
//
// Defaults to being stacked without any of the below styles applied, until the
// grid breakpoint is reached.

.dl-horizontal {
  dd {
    @include clearfix(); // Clear the floated `dt` if an empty `dd` is present
  }

  @media (min-width: $dl-horizontal-breakpoint) {
    dt {
      @include text-overflow();

      float: left;
      clear: left;

      width: ($dl-horizontal-column-width - $dl-horizontal-gutter-width);

      text-align: right;
    }

    dd {
      margin-left: $dl-horizontal-column-width;
    }
  }
}
