/// SupTitle
///
/// @group typography
///
/// @example scss - usage
///
///   @include k-SupTitle;
///
/// @example html
///
///   <div class='k-SupTitle'>Step 1</div>

@mixin k-SupTitle {
  $font: 'bold-uppercase';
  $font-size: -1; // 14px
  $line-height: normal;

  .k-SupTitle {
    @include k-typographyFont($font);
    @include k-typographyFontScale(
      $font-step: $font-size,
      $line-height: $line-height
    );
  }
}