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; } |