4a7ef3a905
- Created apps/web/tailwind.config.ts with documentation - Verified text size utilities (text-xs through text-4xl) already working - Confirmed 1871+ usages of text size classes throughout codebase - Tailwind v4 automatically generates utilities from CSS variables in @theme - All utilities functional via design-tokens.css - Action 7.1.1.2 complete
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
/**
|
|
* Tailwind CSS v4 Configuration
|
|
*
|
|
* Note: Tailwind v4 uses CSS-first configuration via @theme directive.
|
|
* Font size utilities (text-xs, text-sm, text-base, etc.) are automatically
|
|
* generated from CSS variables defined in:
|
|
* - apps/web/src/styles/design-tokens.css (@theme block)
|
|
*
|
|
* The following text size utilities are available:
|
|
* - text-xs (0.75rem / 12px)
|
|
* - text-sm (0.875rem / 14px)
|
|
* - text-base (1rem / 16px)
|
|
* - text-lg (1.125rem / 18px)
|
|
* - text-xl (1.25rem / 20px)
|
|
* - text-2xl (1.5rem / 24px)
|
|
* - text-3xl (1.875rem / 30px)
|
|
* - text-4xl (2.25rem / 36px)
|
|
* - text-5xl (3rem / 48px)
|
|
*
|
|
* These utilities are already defined and working via CSS variables.
|
|
* No additional configuration is needed for text size utilities.
|
|
*/
|
|
|
|
import type { Config } from 'tailwindcss';
|
|
|
|
const config: Config = {
|
|
// Tailwind v4 uses CSS-first configuration
|
|
// All theme values are defined in apps/web/src/styles/design-tokens.css
|
|
// via the @theme directive
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
],
|
|
};
|
|
|
|
export default config;
|