.spacer {
  --size: var(--size--lg);

  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;

  min-width: var(--size);
  min-height: var(--size);

  &--grow {
    flex-grow: 1;
  }

  &--noGrow {
    flex-grow: 0;
  }

  &--noSize {
    --size: 0px;
  }

  &--size4xl {
    --size: var(--size--4xl);
  }

  &--size3xl {
    --size: var(--size--3xl);
  }

  &--sizeXxl {
    --size: var(--size--2xl);
  }

  &--sizeXl {
    --size: var(--size--xl);
  }

  &--size,
  &--sizeLg {
    --size: var(--size--lg);
  }

  &--sizeMd {
    --size: var(--size--md);
  }

  &--sizeSm {
    --size: var(--size--sm);
  }

  &--sizeXs {
    --size: var(--size--xs);
  }

  &--sizeXxs {
    --size: var(--size--xxs);
  }
}