// Horizontal rules

hr {
  margin-top:    $line-height-base;
  margin-bottom: $line-height-base - rem($hr-width);
  border: 0;
  border-top: $hr-width solid $hr-color;

  .u-bg-dark & {
    border-color: $hr-inverse-color;
  }
}