// ============================================================================
// :: Step Count
// ============================================================================
/**
 * Display the current step in relation the maximum amount of steps in a simple text-based label.
 */

// ============================================================================
// :: Root
// ============================================================================

.a-step-count {
  font-size: $font-size-2x-small;
  text-transform: uppercase;

  @include respond-at($breakpoint-tablet-default) {
    font-size: $font-size-1x-small;
  }
}