3527e732d4
Production-ready Next.js boilerplate with: - Runtime env validation (fail-fast on missing vars) - Feature-gated config (S3, Stripe, email, OAuth) - Docker + Coolify deployment pipeline - PostgreSQL + pgvector, MinIO S3, Better Auth - TypeScript strict mode (no ignoreBuildErrors) - i18n (en/es), AI modules, billing, monitoring Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
46 lines
1.9 KiB
JSON
46 lines
1.9 KiB
JSON
{
|
||
"version": 1.1,
|
||
"atDirectives": [
|
||
{
|
||
"name": "@apply",
|
||
"description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.",
|
||
"references": [
|
||
{
|
||
"name": "Tailwind Documentation",
|
||
"url": "https://tailwindcss.com/docs/functions-and-directives#apply"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "@responsive",
|
||
"description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n .alert {\n background-color: #E53E3E;\n }\n}\n```\n",
|
||
"references": [
|
||
{
|
||
"name": "Tailwind Documentation",
|
||
"url": "https://tailwindcss.com/docs/functions-and-directives#responsive"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "@screen",
|
||
"description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n /* ... */\n}\n```\n",
|
||
"references": [
|
||
{
|
||
"name": "Tailwind Documentation",
|
||
"url": "https://tailwindcss.com/docs/functions-and-directives#screen"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "@variants",
|
||
"description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n .btn-brand {\n background-color: #3182CE;\n }\n}\n```\n",
|
||
"references": [
|
||
{
|
||
"name": "Tailwind Documentation",
|
||
"url": "https://tailwindcss.com/docs/functions-and-directives#variants"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|