.extraSmall {
  margin-left: calc(-1 * var(--space-extra-small));
}
.medium {
  margin-left: calc(-1 * var(--space-medium));
}
.large {
  margin-left: calc(-1 * var(--space-large));
}
.small {
  margin-left: calc(-1 * var(--space-small));
}
.extraLarge {
  margin-left: calc(-1 * var(--space-extra-large));
}

.child {
  display: inline-flex;
}
.extraSmall > .child {
  margin-left: var(--space-extra-small);
}
.small > .child {
  margin-left: var(--space-small);
}
.medium > .child {
  margin-left: var(--space-medium);
}
.large > .child {
  margin-left: var(--space-large);
}
.extraLarge > .child {
  margin-left: var(--space-extra-large);
}