w-atom
v1.1.5
Published
Generate .css markup file
Downloads
5
Readme
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
| Option name | Option type | | ------------- | ------------- | | variables | Path to .css file with variables | | output | Path to output file | | mobile | Mobile resolution |
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);
}