Tailwind plugin to add screen variants up until a breakpoint

until-breakpoint-tailwind-plugin.js

const plugin = require('tailwindcss/plugin');

let untilBreakpoint = plugin(({ addVariant, config }) => {
    let screens = config('theme.screens');

    for (let screen in screens) {
        let def = screens[screen];

        if (typeof def === 'string') {
            addVariant(`-${screen}`, `@media (max-width: calc(${def} - 1px))`);
        }
    }
});