bakerkretzmar
3/30/2019 - 8:01 PM

“Lobotomized owl” utilities for Tailwind, inspired by https://www.markhuot.com/2019/01/01/tailwindcss-owl

“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'])
}