41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
content: [
|
|
"./packages/base/Resources/Private/**/*.html",
|
|
"./packages/base/Resources/Private/**/*.js",
|
|
"./packages/base/ContentBlocks/ContentElements/**/*.html",
|
|
"./public/typo3conf/ext/*/Resources/Private/**/*.html",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
transitionProperty: {
|
|
'max-height': 'max-height' // Add max-height to transition properties
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', ...defaultTheme.fontFamily.sans],
|
|
hajime: ['"Hajime Sans"', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
colors: {
|
|
primary: 'var(--color-primary)',
|
|
yellow: '#F5AE07',
|
|
'light-green': '#F4F6EC',
|
|
brand: '#6B8E23', // Added brand color for hover states from SCSS
|
|
},
|
|
backgroundImage: {
|
|
'hero-gradient':
|
|
'linear-gradient(to right, #0B197D 0%, #0B197D 50%, #ffffff 50%, #ffffff 100%)',
|
|
'hero-inner':
|
|
'linear-gradient(to right, #0B197D 0%, #0B197D 25%, #ffffff 25%, #ffffff 100%)',
|
|
},
|
|
maxHeight: {
|
|
'0': '0',
|
|
'[500px]': '500px', // Add specific max-height for mobile menu transition
|
|
}
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|