46 lines
1.4 KiB
JavaScript
46 lines
1.4 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: {
|
|
DEFAULT: '#0B197D', // Use SCSS primary color for text
|
|
dark: '#1C2B00',
|
|
light: '#4E5E32',
|
|
'brand-blue': '#0B197D',
|
|
},
|
|
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: [],
|
|
}
|
|
|