“Lobotomized owl” utilities for Tailwind, inspired by https://www.markhuot.com/2019/01/01/tailwindcss-owl
function({ addUtilities, config, e }) {
let newUtilities = {}
let spacing = config('theme.spacing')
for (let key in spacing) {
let className = `.${e(`o-${key}`)} > * + *`
let marginTop = spacing[key]
// Horizontal spacing too!
let classNameHorizontal = `.${e(`oh-${key}`)} > * + *`
let marginLeft = spacing[key]
newUtilities[className] = { marginTop }
newUtilities[classNameHorizontal] = { marginLeft }
}
addUtilities(newUtilities, ['responsive'])
}