margin.css

:root {
  --base-unit: 1rem;
  --margin: var(--base-unit);
}

.m {
  margin-top: var(--margin-top, var(--margin-y, var(--margin)));
  margin-right: var(--margin-right, var(--margin-x, var(--margin)));
  margin-bottom: var(--margin-bottom, var(--margin-y, var(--margin)));
  margin-left: var(--margin-left, var(--margin-x, var(--margin)));
}

.m.mx-auto {
  --margin-x: auto;
}
.m.ml-auto {
  --margin-left: auto;
}
.m.mr-auto {
  --margin-right: auto;
}