@yaegassy/coc-tailwindcss3
yaegassyIntelligent Tailwind CSS tooling for coc.nvim
Published Package Summary
coc-tailwindcss3
fork from vscode-tailwindcss and headwind
Intelligent Tailwind CSS tooling for coc.nvim.
Install
:CocInstall @yaegassy/coc-tailwindcss3
scoped packages
Custom Server Path
tailwindCSS.custom.serverPath: Custom path to server module. If there is no setting, the built-in module will be used, default: ""
This setting allows you to use the tailwind's language server module installed in any location.
Usage Example 1 (Use extensions installed in VSCode)
setting:
{
"tailwindCSS.custom.serverPath": "/path/to/.vscode/extensions/bradlc.vscode-tailwindcss-0.12.3/dist/tailwindServer.js
}
Usage Example 2 (npm)
prepare:
npm i -g @tailwindcss/language-server
or insiders verson
npm i -g @tailwindcss/language-server@insiders
setting:
{
"tailwindCSS.custom.serverPath": "/path/to/.nvm/versions/node/v20.15.0/bin/tailwindcss-language-server"
}
Thanks
- https://github.com/tailwindlabs/tailwindcss-intellisense
- https://github.com/heybourn/headwind
- https://github.com/iamcco/coc-tailwindcss
License
MIT
This extension is built with create-coc-extension
- Intelligent Tailwind CSS tooling for coc.nvim
- *
Want to build, test, or contribute to coc.nvim extensions? Explore our official SDK and testing toolkits.
Open Developer GuideVersion History
This published npm package does not include a history.md or changelog.md file. Browse its npm versions or repository releases for available release information.
Contributed Commands
All contributes.commands entries from the published package manifest for @yaegassy/coc-tailwindcss3@0.6.14.
| Command (:CocCommand) | Description |
|---|---|
| tailwindCSS.showOutput | Tailwind CSS: Show Output |
| tailwindCSS.headwind.sortTailwindClasses | Headwind: Sort Tailwind CSS Classes |
Configuration Schema
All contributes.configuration entries from the published package manifest, including each raw property schema for coc-settings.json.
Raw JSON Schema
{
"type": "boolean",
"default": true,
"description": "Enable coc-tailwindcss3 extension"
}Raw JSON Schema
{
"type": "boolean",
"scope": "language-overridable",
"default": true,
"markdownDescription": "Enable hovers."
}Raw JSON Schema
{
"type": "boolean",
"scope": "language-overridable",
"default": true,
"markdownDescription": "Enable linting. Rules can be configured individually using the `tailwindcss.lint.*` settings"
}Raw JSON Schema
{
"type": "boolean",
"scope": "language-overridable",
"default": true,
"markdownDescription": "Enable code actions."
}Raw JSON Schema
{
"type": [
"number",
"null"
],
"default": null,
"markdownDescription": "Enable the Node.js inspector agent for the language server and listen on the specified port."
}Raw JSON Schema
{
"type": "boolean",
"scope": "language-overridable",
"default": true,
"markdownDescription": "Enable autocomplete suggestions."
}Raw JSON Schema
{
"type": "number",
"default": 16,
"markdownDescription": "Root font size in pixels. Used to convert `rem` CSS values to their `px` equivalents. See `#tailwindCSS.showPixelEquivalents#`."
}Raw JSON Schema
{
"enum": [
"off",
"messages",
"verbose"
],
"type": "string",
"default": "off",
"description": "Trace level of tailwindCSS language server"
}Raw JSON Schema
{
"type": "array",
"items": {
"type": "string"
},
"default": [
"**/.git/**",
"**/node_modules/**",
"**/.hg/**",
"**/.svn/**"
],
"markdownDescription": "Configure glob patterns to exclude from all IntelliSense features. Inherits all glob patterns from the `#files.exclude#` setting."
}Raw JSON Schema
{
"type": "array",
"items": {
"type": "string"
},
"default": [
"class",
"className",
"ngClass"
],
"markdownDescription": "The HTML attributes for which to provide class completions, hover previews, linting etc."
}Raw JSON Schema
{
"type": "boolean",
"scope": "language-overridable",
"default": true,
"markdownDescription": "Controls whether the editor should render inline color decorators for Tailwind CSS classes and helper functions."
}Raw JSON Schema
{
"type": "boolean",
"default": false,
"description": "Enable class name completions when using Emmet-style syntax, for example `div.bg-red-500.uppercase`"
}Raw JSON Schema
{
"type": "object",
"default": {
"eruby": "html",
"elixir": "html",
"eelixir": "html",
"html.twig": "html"
},
"markdownDescription": "Enable features in languages that are not supported by default. Add a mapping here between the new language and an already supported language.\n E.g.: `{\"plaintext\": \"html\"}`",
"additionalProperties": {
"type": "string"
}
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "warning",
"markdownDescription": "Class names on the same HTML element which apply the same CSS property or properties"
}Raw JSON Schema
{
"type": "string",
"default": "",
"description": "Custom path to server module. If there is no setting, the built-in module will be used"
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "error",
"markdownDescription": "Unsupported use of the [`@apply` directive](https://tailwindcss.com/docs/functions-and-directives/#apply)"
}Raw JSON Schema
{
"type": "boolean",
"scope": "window",
"default": false,
"description": "A flag that controls whether or not Headwind will sort your Tailwind CSS classes on save."
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "error",
"markdownDescription": "Unknown screen name used with the [`@screen` directive](https://tailwindcss.com/docs/functions-and-directives/#screen)"
}Raw JSON Schema
{
"type": "object",
"scope": "window",
"default": {
"css": "\\B@apply\\s+([\\._a-zA-Z0-9\\s\\-\\:\\/]+);",
"html": "\\bclass\\s*=\\s*[\\\"\\']([\\._a-zA-Z0-9\\s\\-\\:\\/]+)[\\\"\\']",
"jade": [
{
"regex": "\\.([\\._a-zA-Z0-9\\-]+)",
"separator": "\\.",
"replacement": "."
},
"\\bclass\\s*=\\s*[\\\"\\']([\\._a-zA-Z0-9\\s\\-\\:\\/]+)[\\\"\\']"
],
"javascript": [
"(?:\\b(?:class(?:Name)?|tw)\\s*=\\s*(?:(?:{([\\w\\d\\s!?_\\-:/${}()[\\]\"'`,]+)})|([\"'`][\\.\\w\\d\\s_\\-:/]+[\"'`])))",
"(?:[\"'`]([\\.\\w\\d\\s_\\-:/${}()[\\]]+)[\"'`])"
],
"typescript": [
"(?:\\b(?:class(?:Name)?|tw)\\s*=\\s*(?:(?:{([\\w\\d\\s!?_\\-:/${}()[\\]\"'`,]+)})|([\"'`][\\w\\d\\s_\\-:/]+[\"'`])))",
"(?:[\"'`]([\\.\\w\\d\\s_\\-:/${}()[\\]]+)[\"'`])"
],
"javascriptreact": [
"(?:\\b(?:class(?:Name)?|tw)\\s*=\\s*(?:(?:{([\\w\\d\\s!?_\\-:/${}()[\\]\"'`,]+)})|([\"'`][\\w\\d\\s_\\-:/]+[\"'`])))",
"(?:[\"'`]([\\.\\w\\d\\s_\\-:/${}()[\\]]+)[\"'`])"
],
"typescriptreact": [
"(?:\\b(?:class(?:Name)?|tw)\\s*=\\s*(?:(?:{([\\w\\d\\s!?_\\-:/${}()[\\]\"'`,]+)})|([\"'`][\\w\\d\\s_\\-:/]+[\"'`])))",
"(?:[\"'`]([\\.\\w\\d\\s_\\-:/${}()[\\]]+)[\"'`])"
]
},
"description": "An object with language IDs as keys and their values determining the regex to search for Tailwind CSS classes."
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "error",
"markdownDescription": "Unknown variant name used with the [`@variants` directive](https://tailwindcss.com/docs/functions-and-directives/#variants)"
}Raw JSON Schema
{
"type": "boolean",
"default": true,
"markdownDescription": "Show `px` equivalents for `rem` CSS values."
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "error",
"markdownDescription": "Unknown or invalid path used with the [`theme` helper](https://tailwindcss.com/docs/functions-and-directives/#theme)"
}Raw JSON Schema
{
"type": "array",
"scope": "language-overridable"
}Raw JSON Schema
{
"type": "array",
"scope": "window",
"default": [
"container",
"static",
"fixed",
"absolute",
"relative",
"sticky",
"inset-0",
"inset-x-0",
"inset-y-0",
"inset-x-auto",
"inset-y-auto",
"inset-auto",
"top-0",
"bottom-0",
"left-0",
"right-0",
"top-auto",
"bottom-auto",
"left-auto",
"right-auto",
"z-0",
"z-10",
"z-20",
"z-30",
"z-40",
"z-50",
"z-auto",
"flex",
"inline-flex",
"flex-row",
"flex-row-reverse",
"flex-col",
"flex-col-reverse",
"flex-no-wrap",
"flex-wrap",
"flex-wrap-reverse",
"items-stretch",
"items-start",
"items-center",
"items-end",
"items-baseline",
"content-start",
"content-center",
"content-end",
"content-between",
"content-around",
"self-auto",
"self-start",
"self-center",
"self-end",
"self-stretch",
"justify-start",
"justify-center",
"justify-end",
"justify-between",
"justify-around",
"flex-1",
"flex-auto",
"flex-initial",
"flex-none",
"flex-grow",
"flex-grow-0",
"flex-shrink",
"flex-shrink-0",
"order-first",
"order-last",
"order-none",
"order-1",
"order-2",
"order-3",
"order-4",
"order-5",
"order-6",
"order-7",
"order-8",
"order-9",
"order-10",
"order-11",
"order-12",
"visible",
"invisible",
"hidden",
"block",
"inline-block",
"inline",
"table",
"table-row",
"table-cell",
"clearfix",
"float-left",
"float-right",
"float-none",
"object-contain",
"object-cover",
"object-fill",
"object-none",
"object-scale-down",
"object-bottom",
"object-center",
"object-left",
"object-left-bottom",
"object-left-top",
"object-right",
"object-right-bottom",
"object-right-top",
"object-top",
"w-0",
"w-1",
"w-2",
"w-3",
"w-4",
"w-5",
"w-6",
"w-8",
"w-10",
"w-12",
"w-16",
"w-20",
"w-24",
"w-32",
"w-40",
"w-48",
"w-56",
"w-64",
"w-auto",
"w-px",
"w-1/2",
"w-1/3",
"w-2/3",
"w-1/4",
"w-2/4",
"w-3/4",
"w-1/5",
"w-2/5",
"w-3/5",
"w-4/5",
"w-1/6",
"w-2/6",
"w-3/6",
"w-4/6",
"w-5/6",
"w-1/12",
"w-2/12",
"w-3/12",
"w-4/12",
"w-5/12",
"w-6/12",
"w-7/12",
"w-8/12",
"w-9/12",
"w-10/12",
"w-11/12",
"w-full",
"w-screen",
"h-0",
"h-1",
"h-2",
"h-3",
"h-4",
"h-5",
"h-6",
"h-8",
"h-10",
"h-12",
"h-16",
"h-20",
"h-24",
"h-32",
"h-40",
"h-48",
"h-56",
"h-64",
"h-auto",
"h-px",
"h-full",
"h-screen",
"max-w-xs",
"max-w-sm",
"max-w-md",
"max-w-lg",
"max-w-xl",
"max-w-2xl",
"max-w-3xl",
"max-w-4xl",
"max-w-5xl",
"max-w-6xl",
"max-w-full",
"max-h-full",
"max-h-screen",
"min-w-0",
"min-w-full",
"min-h-0",
"min-h-full",
"min-h-screen",
"p-0",
"p-1",
"p-2",
"p-3",
"p-4",
"p-5",
"p-6",
"p-8",
"p-10",
"p-12",
"p-16",
"p-20",
"p-24",
"p-32",
"p-40",
"p-48",
"p-56",
"p-64",
"p-px",
"px-0",
"px-1",
"px-2",
"px-3",
"px-4",
"px-5",
"px-6",
"px-8",
"px-10",
"px-12",
"px-16",
"px-20",
"px-24",
"px-32",
"px-40",
"px-48",
"px-56",
"px-64",
"px-px",
"py-0",
"py-1",
"py-2",
"py-3",
"py-4",
"py-5",
"py-6",
"py-8",
"py-10",
"py-12",
"py-16",
"py-20",
"py-24",
"py-32",
"py-40",
"py-48",
"py-56",
"py-64",
"py-px",
"pt-0",
"pt-1",
"pt-2",
"pt-3",
"pt-4",
"pt-5",
"pt-6",
"pt-8",
"pt-10",
"pt-12",
"pt-16",
"pt-20",
"pt-24",
"pt-32",
"pt-40",
"pt-48",
"pt-56",
"pt-64",
"pt-px",
"pb-0",
"pb-1",
"pb-2",
"pb-3",
"pb-4",
"pb-5",
"pb-6",
"pb-8",
"pb-10",
"pb-12",
"pb-16",
"pb-20",
"pb-24",
"pb-32",
"pb-40",
"pb-48",
"pb-56",
"pb-64",
"pb-px",
"pl-0",
"pl-1",
"pl-2",
"pl-3",
"pl-4",
"pl-5",
"pl-6",
"pl-8",
"pl-10",
"pl-12",
"pl-16",
"pl-20",
"pl-24",
"pl-32",
"pl-40",
"pl-48",
"pl-56",
"pl-64",
"pl-px",
"pr-0",
"pr-1",
"pr-2",
"pr-3",
"pr-4",
"pr-5",
"pr-6",
"pr-8",
"pr-10",
"pr-12",
"pr-16",
"pr-20",
"pr-24",
"pr-32",
"pr-40",
"pr-48",
"pr-56",
"pr-64",
"pr-px",
"m-0",
"m-1",
"m-2",
"m-3",
"m-4",
"m-5",
"m-6",
"m-8",
"m-10",
"m-12",
"m-16",
"m-20",
"m-24",
"m-32",
"m-40",
"m-48",
"m-56",
"m-64",
"m-auto",
"m-px",
"mx-0",
"mx-1",
"mx-2",
"mx-3",
"mx-4",
"mx-5",
"mx-6",
"mx-8",
"mx-10",
"mx-12",
"mx-16",
"mx-20",
"mx-24",
"mx-32",
"mx-40",
"mx-48",
"mx-56",
"mx-64",
"mx-auto",
"mx-px",
"my-0",
"my-1",
"my-2",
"my-3",
"my-4",
"my-5",
"my-6",
"my-8",
"my-10",
"my-12",
"my-16",
"my-20",
"my-24",
"my-32",
"my-40",
"my-48",
"my-56",
"my-64",
"my-auto",
"my-px",
"mt-0",
"mt-1",
"mt-2",
"mt-3",
"mt-4",
"mt-5",
"mt-6",
"mt-8",
"mt-10",
"mt-12",
"mt-16",
"mt-20",
"mt-24",
"mt-32",
"mt-40",
"mt-48",
"mt-56",
"mt-64",
"mt-auto",
"mt-px",
"mb-0",
"mb-1",
"mb-2",
"mb-3",
"mb-4",
"mb-5",
"mb-6",
"mb-8",
"mb-10",
"mb-12",
"mb-16",
"mb-20",
"mb-24",
"mb-32",
"mb-40",
"mb-48",
"mb-56",
"mb-64",
"mb-auto",
"mb-px",
"ml-0",
"ml-1",
"ml-2",
"ml-3",
"ml-4",
"ml-5",
"ml-6",
"ml-8",
"ml-10",
"ml-12",
"ml-16",
"ml-20",
"ml-24",
"ml-32",
"ml-40",
"ml-48",
"ml-56",
"ml-64",
"ml-auto",
"ml-px",
"mr-0",
"mr-1",
"mr-2",
"mr-3",
"mr-4",
"mr-5",
"mr-6",
"mr-8",
"mr-10",
"mr-12",
"mr-16",
"mr-20",
"mr-24",
"mr-32",
"mr-40",
"mr-48",
"mr-56",
"mr-64",
"mr-auto",
"mr-px",
"-m-0",
"-m-1",
"-m-2",
"-m-3",
"-m-4",
"-m-5",
"-m-6",
"-m-8",
"-m-10",
"-m-12",
"-m-16",
"-m-20",
"-m-24",
"-m-32",
"-m-40",
"-m-48",
"-m-56",
"-m-64",
"-m-px",
"-mx-0",
"-mx-1",
"-mx-2",
"-mx-3",
"-mx-4",
"-mx-5",
"-mx-6",
"-mx-8",
"-mx-10",
"-mx-12",
"-mx-16",
"-mx-20",
"-mx-24",
"-mx-32",
"-mx-40",
"-mx-48",
"-mx-56",
"-mx-64",
"-mx-px",
"-my-0",
"-my-1",
"-my-2",
"-my-3",
"-my-4",
"-my-5",
"-my-6",
"-my-8",
"-my-10",
"-my-12",
"-my-16",
"-my-20",
"-my-24",
"-my-32",
"-my-40",
"-my-48",
"-my-56",
"-my-64",
"-my-px",
"-mt-0",
"-mt-1",
"-mt-2",
"-mt-3",
"-mt-4",
"-mt-5",
"-mt-6",
"-mt-8",
"-mt-10",
"-mt-12",
"-mt-16",
"-mt-20",
"-mt-24",
"-mt-32",
"-mt-40",
"-mt-48",
"-mt-56",
"-mt-64",
"-mt-px",
"-mb-0",
"-mb-1",
"-mb-2",
"-mb-3",
"-mb-4",
"-mb-5",
"-mb-6",
"-mb-8",
"-mb-10",
"-mb-12",
"-mb-16",
"-mb-20",
"-mb-24",
"-mb-32",
"-mb-40",
"-mb-48",
"-mb-56",
"-mb-64",
"-mb-px",
"-ml-0",
"-ml-1",
"-ml-2",
"-ml-3",
"-ml-4",
"-ml-5",
"-ml-6",
"-ml-8",
"-ml-10",
"-ml-12",
"-ml-16",
"-ml-20",
"-ml-24",
"-ml-32",
"-ml-40",
"-ml-48",
"-ml-56",
"-ml-64",
"-ml-px",
"-mr-0",
"-mr-1",
"-mr-2",
"-mr-3",
"-mr-4",
"-mr-5",
"-mr-6",
"-mr-8",
"-mr-10",
"-mr-12",
"-mr-16",
"-mr-20",
"-mr-24",
"-mr-32",
"-mr-40",
"-mr-48",
"-mr-56",
"-mr-64",
"-mr-px",
"overflow-auto",
"overflow-hidden",
"overflow-visible",
"overflow-scroll",
"overflow-x-auto",
"overflow-x-hidden",
"overflow-x-visible",
"overflow-x-scroll",
"overflow-y-auto",
"overflow-y-hidden",
"overflow-y-visible",
"overflow-y-scroll",
"scrolling-touch",
"scrolling-auto",
"font-sans",
"font-serif",
"font-mono",
"text-xs",
"text-sm",
"text-base",
"text-lg",
"text-xl",
"text-2xl",
"text-3xl",
"text-4xl",
"text-5xl",
"text-6xl",
"antialiased",
"subpixel-antialiased",
"italic",
"not-italic",
"font-hairline",
"font-thin",
"font-light",
"font-normal",
"font-medium",
"font-semibold",
"font-bold",
"font-extrabold",
"font-black",
"leading-none",
"leading-tight",
"leading-snug",
"leading-normal",
"leading-relaxed",
"leading-loose",
"tracking-tighter",
"tracking-tight",
"tracking-normal",
"tracking-wide",
"tracking-wider",
"tracking-widest",
"text-left",
"text-center",
"text-right",
"text-justify",
"text-transparent",
"text-black",
"text-white",
"text-gray-100",
"text-gray-200",
"text-gray-300",
"text-gray-400",
"text-gray-500",
"text-gray-600",
"text-gray-700",
"text-gray-800",
"text-gray-900",
"text-red-100",
"text-red-200",
"text-red-300",
"text-red-400",
"text-red-500",
"text-red-600",
"text-red-700",
"text-red-800",
"text-red-900",
"text-orange-100",
"text-orange-200",
"text-orange-300",
"text-orange-400",
"text-orange-500",
"text-orange-600",
"text-orange-700",
"text-orange-800",
"text-orange-900",
"text-yellow-100",
"text-yellow-200",
"text-yellow-300",
"text-yellow-400",
"text-yellow-500",
"text-yellow-600",
"text-yellow-700",
"text-yellow-800",
"text-yellow-900",
"text-green-100",
"text-green-200",
"text-green-300",
"text-green-400",
"text-green-500",
"text-green-600",
"text-green-700",
"text-green-800",
"text-green-900",
"text-teal-100",
"text-teal-200",
"text-teal-300",
"text-teal-400",
"text-teal-500",
"text-teal-600",
"text-teal-700",
"text-teal-800",
"text-teal-900",
"text-blue-100",
"text-blue-200",
"text-blue-300",
"text-blue-400",
"text-blue-500",
"text-blue-600",
"text-blue-700",
"text-blue-800",
"text-blue-900",
"text-indigo-100",
"text-indigo-200",
"text-indigo-300",
"text-indigo-400",
"text-indigo-500",
"text-indigo-600",
"text-indigo-700",
"text-indigo-800",
"text-indigo-900",
"text-purple-100",
"text-purple-200",
"text-purple-300",
"text-purple-400",
"text-purple-500",
"text-purple-600",
"text-purple-700",
"text-purple-800",
"text-purple-900",
"text-pink-100",
"text-pink-200",
"text-pink-300",
"text-pink-400",
"text-pink-500",
"text-pink-600",
"text-pink-700",
"text-pink-800",
"text-pink-900",
"placeholder-transparent",
"placeholder-black",
"placeholder-white",
"placeholder-gray-100",
"placeholder-gray-200",
"placeholder-gray-300",
"placeholder-gray-400",
"placeholder-gray-500",
"placeholder-gray-600",
"placeholder-gray-700",
"placeholder-gray-800",
"placeholder-gray-900",
"placeholder-red-100",
"placeholder-red-200",
"placeholder-red-300",
"placeholder-red-400",
"placeholder-red-500",
"placeholder-red-600",
"placeholder-red-700",
"placeholder-red-800",
"placeholder-red-900",
"placeholder-orange-100",
"placeholder-orange-200",
"placeholder-orange-300",
"placeholder-orange-400",
"placeholder-orange-500",
"placeholder-orange-600",
"placeholder-orange-700",
"placeholder-orange-800",
"placeholder-orange-900",
"placeholder-yellow-100",
"placeholder-yellow-200",
"placeholder-yellow-300",
"placeholder-yellow-400",
"placeholder-yellow-500",
"placeholder-yellow-600",
"placeholder-yellow-700",
"placeholder-yellow-800",
"placeholder-yellow-900",
"placeholder-green-100",
"placeholder-green-200",
"placeholder-green-300",
"placeholder-green-400",
"placeholder-green-500",
"placeholder-green-600",
"placeholder-green-700",
"placeholder-green-800",
"placeholder-green-900",
"placeholder-teal-100",
"placeholder-teal-200",
"placeholder-teal-300",
"placeholder-teal-400",
"placeholder-teal-500",
"placeholder-teal-600",
"placeholder-teal-700",
"placeholder-teal-800",
"placeholder-teal-900",
"placeholder-blue-100",
"placeholder-blue-200",
"placeholder-blue-300",
"placeholder-blue-400",
"placeholder-blue-500",
"placeholder-blue-600",
"placeholder-blue-700",
"placeholder-blue-800",
"placeholder-blue-900",
"placeholder-indigo-100",
"placeholder-indigo-200",
"placeholder-indigo-300",
"placeholder-indigo-400",
"placeholder-indigo-500",
"placeholder-indigo-600",
"placeholder-indigo-700",
"placeholder-indigo-800",
"placeholder-indigo-900",
"placeholder-purple-100",
"placeholder-purple-200",
"placeholder-purple-300",
"placeholder-purple-400",
"placeholder-purple-500",
"placeholder-purple-600",
"placeholder-purple-700",
"placeholder-purple-800",
"placeholder-purple-900",
"placeholder-pink-100",
"placeholder-pink-200",
"placeholder-pink-300",
"placeholder-pink-400",
"placeholder-pink-500",
"placeholder-pink-600",
"placeholder-pink-700",
"placeholder-pink-800",
"placeholder-pink-900",
"placeholder-left",
"placeholder-center",
"placeholder-right",
"placeholder-justify",
"underline",
"line-through",
"no-underline",
"uppercase",
"lowercase",
"capitalize",
"normal-case",
"break-normal",
"break-words",
"break-all",
"truncate",
"whitespace-normal",
"whitespace-no-wrap",
"whitespace-pre",
"whitespace-pre-line",
"whitespace-pre-wrap",
"align-baseline",
"align-top",
"align-middle",
"align-bottom",
"align-text-top",
"align-text-bottom",
"list-none",
"list-disc",
"list-decimal",
"list-inside",
"list-outside",
"bg-fixed",
"bg-local",
"bg-scroll",
"bg-transparent",
"bg-black",
"bg-white",
"bg-gray-100",
"bg-gray-200",
"bg-gray-300",
"bg-gray-400",
"bg-gray-500",
"bg-gray-600",
"bg-gray-700",
"bg-gray-800",
"bg-gray-900",
"bg-red-100",
"bg-red-200",
"bg-red-300",
"bg-red-400",
"bg-red-500",
"bg-red-600",
"bg-red-700",
"bg-red-800",
"bg-red-900",
"bg-orange-100",
"bg-orange-200",
"bg-orange-300",
"bg-orange-400",
"bg-orange-500",
"bg-orange-600",
"bg-orange-700",
"bg-orange-800",
"bg-orange-900",
"bg-yellow-100",
"bg-yellow-200",
"bg-yellow-300",
"bg-yellow-400",
"bg-yellow-500",
"bg-yellow-600",
"bg-yellow-700",
"bg-yellow-800",
"bg-yellow-900",
"bg-green-100",
"bg-green-200",
"bg-green-300",
"bg-green-400",
"bg-green-500",
"bg-green-600",
"bg-green-700",
"bg-green-800",
"bg-green-900",
"bg-teal-100",
"bg-teal-200",
"bg-teal-300",
"bg-teal-400",
"bg-teal-500",
"bg-teal-600",
"bg-teal-700",
"bg-teal-800",
"bg-teal-900",
"bg-blue-100",
"bg-blue-200",
"bg-blue-300",
"bg-blue-400",
"bg-blue-500",
"bg-blue-600",
"bg-blue-700",
"bg-blue-800",
"bg-blue-900",
"bg-indigo-100",
"bg-indigo-200",
"bg-indigo-300",
"bg-indigo-400",
"bg-indigo-500",
"bg-indigo-600",
"bg-indigo-700",
"bg-indigo-800",
"bg-indigo-900",
"bg-purple-100",
"bg-purple-200",
"bg-purple-300",
"bg-purple-400",
"bg-purple-500",
"bg-purple-600",
"bg-purple-700",
"bg-purple-800",
"bg-purple-900",
"bg-pink-100",
"bg-pink-200",
"bg-pink-300",
"bg-pink-400",
"bg-pink-500",
"bg-pink-600",
"bg-pink-700",
"bg-pink-800",
"bg-pink-900",
"bg-bottom",
"bg-center",
"bg-left",
"bg-left-bottom",
"bg-left-top",
"bg-right",
"bg-right-bottom",
"bg-right-top",
"bg-top",
"bg-repeat",
"bg-no-repeat",
"bg-repeat-x",
"bg-repeat-y",
"bg-repeat-round",
"bg-repeat-space",
"bg-auto",
"bg-cover",
"bg-contain",
"border",
"border-0",
"border-2",
"border-4",
"border-8",
"border-t",
"border-t-0",
"border-t-2",
"border-t-4",
"border-t-8",
"border-b",
"border-b-0",
"border-b-2",
"border-b-4",
"border-b-8",
"border-l",
"border-l-0",
"border-l-2",
"border-l-4",
"border-l-8",
"border-r",
"border-r-0",
"border-r-2",
"border-r-4",
"border-r-8",
"border-collapse",
"border-separate",
"border-transparent",
"border-black",
"border-white",
"border-gray-100",
"border-gray-200",
"border-gray-300",
"border-gray-400",
"border-gray-500",
"border-gray-600",
"border-gray-700",
"border-gray-800",
"border-gray-900",
"border-red-100",
"border-red-200",
"border-red-300",
"border-red-400",
"border-red-500",
"border-red-600",
"border-red-700",
"border-red-800",
"border-red-900",
"border-orange-100",
"border-orange-200",
"border-orange-300",
"border-orange-400",
"border-orange-500",
"border-orange-600",
"border-orange-700",
"border-orange-800",
"border-orange-900",
"border-yellow-100",
"border-yellow-200",
"border-yellow-300",
"border-yellow-400",
"border-yellow-500",
"border-yellow-600",
"border-yellow-700",
"border-yellow-800",
"border-yellow-900",
"border-green-100",
"border-green-200",
"border-green-300",
"border-green-400",
"border-green-500",
"border-green-600",
"border-green-700",
"border-green-800",
"border-green-900",
"border-teal-100",
"border-teal-200",
"border-teal-300",
"border-teal-400",
"border-teal-500",
"border-teal-600",
"border-teal-700",
"border-teal-800",
"border-teal-900",
"border-blue-100",
"border-blue-200",
"border-blue-300",
"border-blue-400",
"border-blue-500",
"border-blue-600",
"border-blue-700",
"border-blue-800",
"border-blue-900",
"border-indigo-100",
"border-indigo-200",
"border-indigo-300",
"border-indigo-400",
"border-indigo-500",
"border-indigo-600",
"border-indigo-700",
"border-indigo-800",
"border-indigo-900",
"border-purple-100",
"border-purple-200",
"border-purple-300",
"border-purple-400",
"border-purple-500",
"border-purple-600",
"border-purple-700",
"border-purple-800",
"border-purple-900",
"border-pink-100",
"border-pink-200",
"border-pink-300",
"border-pink-400",
"border-pink-500",
"border-pink-600",
"border-pink-700",
"border-pink-800",
"border-pink-900",
"border-solid",
"border-dashed",
"border-dotted",
"border-double",
"border-none",
"rounded-none",
"rounded-sm",
"rounded",
"rounded-lg",
"rounded-full",
"rounded-t-none",
"rounded-t-sm",
"rounded-t",
"rounded-t-lg",
"rounded-t-full",
"rounded-b-none",
"rounded-b-sm",
"rounded-b",
"rounded-b-lg",
"rounded-b-full",
"rounded-l-none",
"rounded-l-sm",
"rounded-l",
"rounded-l-lg",
"rounded-l-full",
"rounded-r-none",
"rounded-r-sm",
"rounded-r",
"rounded-r-lg",
"rounded-r-full",
"rounded-tl-none",
"rounded-tl-sm",
"rounded-tl",
"rounded-tl-lg",
"rounded-tl-full",
"rounded-tr-none",
"rounded-tr-sm",
"rounded-tr",
"rounded-tr-lg",
"rounded-tr-full",
"rounded-bl-none",
"rounded-bl-sm",
"rounded-bl",
"rounded-bl-lg",
"rounded-bl-full",
"rounded-br-none",
"rounded-br-sm",
"rounded-br",
"rounded-br-lg",
"rounded-br-full",
"shadow",
"shadow-md",
"shadow-lg",
"shadow-xl",
"shadow-2xl",
"shadow-inner",
"shadow-outline",
"shadow-none",
"outline-none",
"opacity-0",
"opacity-25",
"opacity-50",
"opacity-75",
"opacity-100",
"table-auto",
"table-fixed",
"appearance-none",
"cursor-auto",
"cursor-default",
"cursor-pointer",
"cursor-wait",
"cursor-move",
"cursor-not-allowed",
"pointer-events-none",
"pointer-events-auto",
"resize-none",
"resize",
"resize-x",
"resize-y",
"select-none",
"select-text",
"select-all",
"select-auto",
"sr-only",
"not-sr-only",
"fill-current",
"stroke-current"
],
"description": "Sort order: A string array that determines the default sort order."
}Raw JSON Schema
{
"type": "boolean",
"scope": "window",
"default": true,
"description": "A flag that controls whether or not Headwind will remove duplicate Tailwind CSS classes."
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "warning",
"markdownDescription": "Class variants not in the recommended order (applies in [JIT mode](https://tailwindcss.com/docs/just-in-time-mode) only)"
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "warning",
"markdownDescription": "Indicate when utilities may be written in a more optimal form"
}Raw JSON Schema
{
"type": "string",
"scope": "window",
"default": "",
"description": "If the Tailwind Prefix function is used, this can be specified here (e.g. tw-)."
}Raw JSON Schema
{
"type": "boolean",
"scope": "window",
"default": false,
"description": "A flag that controls whether or not Headwind will move custom CSS classes before (true) or after (false) the Tailwind CSS classes."
}Raw JSON Schema
{
"enum": [
"ignore",
"warning",
"error"
],
"type": "string",
"scope": "language-overridable",
"default": "error",
"markdownDescription": "Unknown value used with the [`@tailwind` directive](https://tailwindcss.com/docs/functions-and-directives/#tailwind)"
}