@use '../../scss/spacers' as spacers;

.spacer {
  display: block;
  width: 100%;
  height: 0.125rem;

  &--4xs {
    height: spacers.getSpacer(4xs);
  }

  &--3xs {
    height: spacers.getSpacer(3xs);
  }

  &--2xs {
    height: spacers.getSpacer(2xs);
  }

  &--xs {
    height: spacers.getSpacer(xs);
  }

  &--s {
    height: spacers.getSpacer(s);
  }

  &--m {
    height: spacers.getSpacer(m);
  }

  &--l {
    height: spacers.getSpacer(l);
  }

  &--xl {
    height: spacers.getSpacer(xl);
  }

  &--2xl {
    height: spacers.getSpacer(2xl);
  }

  &--3xl {
    height: spacers.getSpacer(3xl);
  }

  &--4xl {
    height: spacers.getSpacer(4xl);
  }

  &--5xl {
    height: spacers.getSpacer(5xl);
  }

  &--6xl {
    height: spacers.getSpacer(6xl);
  }
}