158 lines
4.2 KiB
JavaScript
158 lines
4.2 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("daisyui"),
|
|
require("@tailwindcss/typography")],
|
|
important: true,
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
xs: '480px'
|
|
},
|
|
|
|
colors: {
|
|
"formular-box": "rgba(252,234,187,0.2)",
|
|
"pdf-yellow-bright": "#f3cb00",
|
|
"pdf-yellow-light": "#fff6ca",
|
|
"box-heading": 'var(--box-heading)'
|
|
},
|
|
boxShadow: {
|
|
'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
|
|
'saeule': '3px 3px 6px rgba(0, 0, 0, 0.1)',
|
|
},
|
|
|
|
gridTemplateColumns: {
|
|
// Simple 16 column grid
|
|
//'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',
|
|
|
|
}
|
|
},
|
|
},
|
|
daisyui: {
|
|
themes: [{
|
|
light: {
|
|
'primary': '#ff7d26',
|
|
'primary-focus': '#ec6a13',
|
|
'primary-content': '#ffffff',
|
|
|
|
'secondary': '#444f94',
|
|
'secondary-focus': '#2f397f',
|
|
'secondary-content': '#ffffff',
|
|
|
|
'--box-heading': '#3A4AB5',
|
|
|
|
'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',
|
|
},
|
|
}; |