203cb5d5e5
- DESIGN_TOKENS.md: Complete rewrite to document --sumi-* token system - APP_SHELL.md: Update layout shell docs (glass bg, backdrop-blur, z-index) - DESIGN_DIRECTION.md: Update aesthetic direction to SUMI philosophy - .storybook/preview.tsx: Remove deleted CSS imports, update bg colors - eslint.config.js: Update color rule message from Kodo to SUMI tokens - tailwind.config.ts: Fix comment referencing deleted design-tokens.css Co-authored-by: Cursor <cursoragent@cursor.com>
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/index.css (@theme inline 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;
|