@use '../../config' as *;
@use '../../utilities/skeleton' as *;
@use '../../utilities/convert' as *;
@use '../../spacing' as *;

/// Skeleton styles
/// @access public
/// @group skeleton
@mixin skeleton-text {
  //skeleton text
  .#{$prefix}--skeleton__text {
    @include skeleton;

    width: 100%;
    height: 1rem;
    margin-bottom: $spacing-03;
  }

  .#{$prefix}--skeleton__heading {
    height: 1.5rem;
  }
}