xxxxxxxxxx
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
screens: {
'xs': '475px',
defaultTheme.screens,
},
},
variants: {},
plugins: [],
}
xxxxxxxxxx
//tailwind.config.js
theme: {
screens: {
xs: '320px',
sm: '375px',
lsm: '425px',
md: '768px',
// => @media (min-width: 768px) { ... }
lg: '1024px',
// => @media (min-width: 1024px) { ... }
xl: '1280px',
// => @media (min-width: 1280px) { ... }
'2xl': '1536px',
// => @media (min-width: 1536px) { ... }
},
xxxxxxxxxx
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
screens: {
'xs': '475px',
defaultTheme.screens,
},
},
variants: {},
plugins: [],
}
xxxxxxxxxx
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
screens: {
'xs': '475px',
defaultTheme.screens,
},
},
variants: {},
plugins: [],
}