w-atom v1.1.5

npm install -D w-atom

Classes will be generated form your .css file with variables that's look like

:root {
  --space-1: 0.2 rem;
}

w-atom --variables src/assets/variables.css --output src/assets/markup.css --mobile 800

Result will be in .css file, like (margin and pading):

.mt-1 {
  margin-top: var(--space-1);
}
.mb-1 {
  margin-bottom: var(--space-1);
}
.mr-1 {
  margin: var(--space-1);
}
.ml-1 {
  margin: var(--space-1);
}
.my-1 {
  margin-top: var(--space-1);
  margin-bottom: var(--space-1);
}
.mx-1 {
  margin-left: var(--space-1);
  margin-right: var(--space-1);
}
.ma-1 {
  margin: var(--space-1);
}