homegrade_theme_production/tailwind.config.js
2025-08-04 11:24:36 +02:00

85 lines
2.5 KiB
JavaScript

const theme = require('./theme.json');
const tailpress = require('@jeffreyvr/tailwindcss-tailpress');
module.exports = {
content: [
'./*.php',
'./**/*.php',
'./resources/css/*.css',
'./resources/js/*.js',
'./safelist.txt',
],
safelist: [
'bg-primary',
'text-primary',
'bg-secondary',
'text-secondary',
'bg-acoustique-coproprietes',
'text-acoustique-coproprietes',
'bg-acoustique-coproprietes-light',
'text-acoustique-coproprietes-light',
'bg-energies-urbanisme',
'text-energies-urbanisme',
'bg-energies-urbanisme-light',
'text-energies-urbanisme-light',
'bg-isolation-quotidien',
'text-isolation-quotidien',
'bg-isolation-quotidien-light',
'text-isolation-quotidien-light',
'bg-patrimoine-sante-securite',
'text-patrimoine-sante-securite',
'bg-patrimoine-sante-securite-light',
'text-patrimoine-sante-securite-light',
'bg-location-durabilite',
'text-location-durabilite',
'bg-location-durabilite-light',
'text-location-durabilite-light',
'hover:bg-primary',
'hover:text-primary',
'hover:bg-secondary',
'hover:text-secondary',
'hover:bg-acoustique-coproprietes',
'hover:text-acoustique-coproprietes',
'hover:bg-acoustique-coproprietes-light',
'hover:text-acoustique-coproprietes-light',
'hover:bg-energies-urbanisme',
'hover:text-energies-urbanisme',
'hover:bg-energies-urbanisme-light',
'hover:text-energies-urbanisme-light',
'hover:bg-isolation-quotidien',
'hover:text-isolation-quotidien',
'hover:bg-isolation-quotidien-light',
'hover:text-isolation-quotidien-light',
'hover:bg-patrimoine-sante-securite',
'hover:text-patrimoine-sante-securite',
'hover:bg-patrimoine-sante-securite-light',
'hover:text-patrimoine-sante-securite-light',
'hover:bg-location',
'hover:text-location',
'hover:bg-location-light',
'hover:text-location-light',
],
theme: {
container: {
padding: {
DEFAULT: '1rem',
sm: '2rem',
lg: '0rem',
},
},
extend: {
colors: tailpress.colorMapper(tailpress.theme('settings.color.palette', theme)),
fontSize: tailpress.fontSizeMapper(tailpress.theme('settings.typography.fontSizes', theme)),
},
screens: {
xs: '480px',
sm: '600px',
md: '782px',
lg: tailpress.theme('settings.layout.contentSize', theme),
xl: tailpress.theme('settings.layout.wideSize', theme),
'2xl': '1441px',
},
},
plugins: [tailpress.tailwind],
};