Following @ilicmarko's comment, here's my spacing.scss
file…
(see spacing.scss)
…which generates the following spacing utility classes…
(see spacing.css)
const waitFor = (ms) => new Promise(r => setTimeout(r, ms)) | |
const asyncForEach = async (array, callback) => { | |
for (let index = 0; index < array.length; index++) { | |
await callback(array[index], index, array) | |
} | |
} | |
const start = async () => { | |
await asyncForEach([1, 2, 3], async (num) => { | |
await waitFor(50) |
Following @ilicmarko's comment, here's my spacing.scss
file…
(see spacing.scss)
…which generates the following spacing utility classes…
(see spacing.css)
/* Flexbox | |
// ================================================== */ | |
.d--f { display: flex; } | |
.d--if { display: inline-flex; } | |
/* Flex direction */ | |
.fd--r { flex-direction: row; } /* Default */ | |
.fd--rr { flex-direction: row-reverse; } | |
.fd--c { flex-direction: column; } | |
.fd--cr { flex-direction: column-reverse; } |