Files
online-energieausweis/tailwind.config.cjs
2024-12-14 02:30:11 +01:00

201 lines
5.4 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
darkMode: "class",
plugins:
[
require("@tailwindcss/typography")],
important: true,
theme: {
extend: {
screens: {
'2xs': '320px',
xs: '480px',
},
content: {
'nav-disc': ' ',
},
colors: {
'primary': '#ff7d26',
'primary-grad': '#ff7d26',
'primary-focus': '#ec6a13',
'primary-content': '#ffffff',
'secondary': '#444f94',
'secondary-grad': '#546AB2',
'secondary-focus': '#2f397f',
'secondary-content': '#ffffff',
'base-200': '#f9fafb',
'base-content': '#1e2734',
'box-heading': '#3A4AB5',
"formular-box": "rgba(252,234,187,0.2)",
"formular-rahmen": "rgba(255,204,6,1)",
"bereich-box": "rgba(252,234,187,0.2)",
"pdf-yellow-bright": "#f3cb00",
"pdf-yellow-light": "#fff6ca",
},
boxShadow: {
'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
'saeule': '3px 3px 6px rgba(0, 0, 0, 0.1)',
},
gridTemplateColumns: {
//'formbutton-line': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
//'formbutton-line-md': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
//'formbutton-line-xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
//'formbutton-line-2xl': 'minmax(150px, 1fr) 1fr minmax(150px, 1fr) minmax(160px, 160px)',
//
//'bereich-A': '1fr',
//'bereich-A-md': '2fr 2fr',
//'bereich-A-xl': '2fr 2fr',
//'bereich-A-2xl': '3fr 4fr',
//
//'bereich-B': '1fr',
//'bereich-B-lg': '2fr 2fr',
//'bereich-B-xl': '2fr 2fr',
//'bereich-B-2xl': '3fr 4fr',
//
//'bereich-C': '1fr',
//'bereich-C-lg': '2fr 2fr',
//'bereich-C-xl': '2fr 2fr',
//'bereich-C-2xl': '3fr 4fr',
//'standard-sm': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
//'standard-md': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
//'standard-lg': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
//'standard-xl': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
//'standard-2xl': 'minmax(300px, 300px) 6fr minmax(300px, 300px)',
//'formular-sm': 'minmax(350px, max-content) 8fr',
//'formular-md': 'minmax(350px, max-content) 8fr',
//'formular-lg': 'minmax(350px, max-content) 8fr',
//'formular-xl': 'minmax(350px, max-content) 8fr',
//'formular-2xl': 'minmax(350px, max-content) 8fr',
}
},
},
//yui: {
//themes: [{
// light: {
// 'primary': '#ff7d26',
// 'primary-focus': '#ec6a13',
// 'primary-content': '#ffffff',
// 'secondary': '#444f94',
// 'secondary-focus': '#2f397f',
// 'secondary-content': '#ffffff',
// 'accent': '#7b37cd',
// 'accent-focus': '#5f25a7',
// 'accent-content': '#ffffff',
// 'neutral': '#3b424e',
// 'neutral-focus': '#2a2e37',
// 'neutral-content': '#ffffff',
// 'base-100': '#ffffff',
// 'base-200': '#f9fafb',
// 'base-300': '#ced3d9',
// 'base-content': '#1e2734',
// 'info': '#0689f4',
// 'success': '#04b964',
// "success-content": "#ffffff",
// 'warning': '#f49d1a',
// "warning-content": "#ffffff",
// 'error': '#e43f3f',
// "error-content": "#ffffff",
// '--rounded-box': '1rem',
// '--rounded-btn': '.5rem',
// '--rounded-badge': '1.9rem',
// '--animation-btn': '.25s',
// '--animation-input': '.2s',
// '--btn-text-case': 'normal',
// '--navbar-padding': '.5rem',
// '--border-btn': '1px'
// },
// 'dark': {
// 'primary': '#ff7d26',
// 'primary-focus': '#ec6a13',
// 'primary-content': '#ffffff',
// 'secondary': '#444f94',
// 'secondary-focus': '#2f397f',
// 'secondary-content': '#ffffff',
// '--box-heading': '#3A4AB5',
// 'accent': '#8c45e3',
// 'accent-focus': '#7532c8',
// 'accent-content': '#ffffff',
// 'neutral': '#2a2e37',
// 'neutral-focus': '#16181d',
// 'neutral-content': '#ffffff',
// 'base-100': '#3b424e',
// 'base-200': '#2a2e37',
// 'base-300': '#16181d',
// 'base-content': '#ebecf0',
// 'info': '#0689f4',
// 'success': '#04b964',
// 'warning': '#f49d1a',
// "warning-content": "#ffffff",
// 'error': '#ff6b6b',
// "error-content": "#ffffff",
// "pdf-yellow-bright": "#f3cb00",
// "pdf-yellow-light": "#fff6ca",
// '--rounded-box': '1rem',
// '--rounded-btn': '.5rem',
// '--rounded-badge': '1.9rem',
// '--animation-btn': '.25s',
// '--animation-input': '.2s',
// '--btn-text-case': 'uppercase',
// '--navbar-padding': '.5rem',
// '--border-btn': '1px',
// }
//}, ],
//darkTheme: "dark", // name of one of the included themes for dark mode
//base: true, // applies background color and foreground color for root element by default
//styled: true, // include daisyUI colors and design decisions for all components
//utils: true, // adds responsive and modifier utility classes
//prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
//logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
//themeRoot: ":root", // The element that receives theme color CSS variables
//},
fontSize: {
sm: '0.750rem',
base: '1rem',
xl: '1.333rem',
'2xl': '1.777rem',
'3xl': '2.369rem',
'4xl': '3.158rem',
'5xl': '4.210rem',
},
fontFamily: {
heading: 'Heron',
body: 'Heron',
},
fontWeight: {
normal: '400',
bold: '700',
},
};