51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
safelist: [
|
|
'text-red-400',
|
|
'text-purple-400',
|
|
'text-pink-400',
|
|
'text-teal-400',
|
|
'text-green-400',
|
|
'text-yellow-400',
|
|
'text-blue-400',
|
|
'text-cyan-400',
|
|
'text-gray-400',
|
|
'text-sky-400',
|
|
'text-orange-400',
|
|
'text-violet-400',
|
|
'text-indigo-400',
|
|
'text-amber-700'
|
|
// Fügen Sie hier alle möglichen Farbklassen hinzu, die dynamisch geladen werden könnten
|
|
],
|
|
content: [
|
|
"./src/**/*.{html,ts}",
|
|
"./node_modules/flowbite/**/*.js" // add this line
|
|
],
|
|
theme: {
|
|
extend: {
|
|
fontSize: {
|
|
'xs': '.75rem',
|
|
'sm': '.875rem',
|
|
'base': '1rem',
|
|
'lg': '1.125rem',
|
|
'xl': '1.25rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '1.875rem',
|
|
'4xl': '2.25rem',
|
|
'5xl': '3rem',
|
|
},
|
|
dropShadow: {
|
|
'custom-bg': '0 15px 20px rgba(0, 0, 0, 0.3)', // Wähle einen aussagekräftigen Namen
|
|
'inner-faint': '0 3px 6px rgba(0, 0, 0, 0.1)',
|
|
'custom-md': '0 10px 15px rgba(0, 0, 0, 0.25)', // Dein mittlerer Schatten
|
|
'custom-lg': '0 15px 20px rgba(0, 0, 0, 0.3)' // Dein großer Schatten
|
|
// ... andere benutzerdefinierte Schatten, falls vorhanden
|
|
}
|
|
},
|
|
},
|
|
plugins: [
|
|
require('flowbite/plugin') // add this line
|
|
],
|
|
}
|
|
|