mirror of
https://github.com/sr229/kuru-kuru.git
synced 2024-09-20 04:10:33 +00:00
63f508cd4f
* Migrate to TailwindCSS twind is no longer supported so might as well move everything to something more sane * feat: Fix duplicate dependencies and add compilerOptions * style: Remove 'build.target' property from fresh.config.ts * feat: Added root directory configuration * feat: Update extension, update start and build scripts, update lint rules, update compiler options, update shebang, add dotenv load, add dotenv load, update stylesheet reference and add tailwind.json configuration file
55 lines
2.2 KiB
JSON
55 lines
2.2 KiB
JSON
{
|
||
"version": 1.1,
|
||
"atDirectives": [
|
||
{
|
||
"name": "@tailwind",
|
||
"description": "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into your CSS.",
|
||
"references": [
|
||
{
|
||
"name": "Tailwind Documentation",
|
||
"url": "https://tailwindcss.com/docs/functions-and-directives#tailwind"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"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"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|