42 lines
833 B
JavaScript
42 lines
833 B
JavaScript
const colors = require('tailwindcss/colors')
|
|
|
|
const { black, white, ...rainbow } = colors
|
|
|
|
const COLOR_TYPE = ['bg', 'text', 'border']
|
|
const COLOR_NAME = Object.keys(rainbow)
|
|
const COLOR_NUMBER = Object.keys(rainbow.rose) // any color will do
|
|
|
|
const safelist = COLOR_TYPE.flatMap((type) =>
|
|
COLOR_NAME.flatMap((name) =>
|
|
COLOR_NUMBER.map((number) => `${type}-${name}-${number}`)
|
|
)
|
|
)
|
|
|
|
module.exports = {
|
|
purge: {
|
|
safelist: [
|
|
...safelist,
|
|
'grid-cols-1',
|
|
'grid-cols-2',
|
|
'md:grid-cols-2',
|
|
'md:grid-cols-3',
|
|
'md:grid-cols-4',
|
|
'2xl:grid-cols-3',
|
|
'2xl:grid-cols-5',
|
|
'2xl:grid-cols-6',
|
|
],
|
|
},
|
|
darkMode: false, // or 'media' or 'class'
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
...colors,
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {},
|
|
},
|
|
plugins: [],
|
|
}
|