Tailwind negate responsive breakpoints
const defaultTheme = require('tailwindcss/defaultTheme') | |
module.exports = { | |
theme: { | |
extend: { | |
screens: Object.keys(defaultTheme.screens).reduce((obj, key) => { | |
const [rawMin] = defaultTheme.screens[key].split('px') | |
const max = parseInt(rawMin) - 1 | |
obj[`!${key}`] = { max: `${max}px` } | |
return obj | |
}, {}), | |
}, | |
}, | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
Thanks👍