/// Display a separator.
///
/// @group layout
///
/// @example scss - Usage
///
///   @include k-Separator;
///
/// @example html
///
///   <hr class="k-Separator" />

@mixin k-Separator {
  .k-Separator {
    @include k-separatorBase;

    height: k-px-to-rem(1px);
  }

  .k-Separator--darker {
    background: map-get($k-colors, 'line-2');
  }
}