Skip to content

Unknown at rule @starting-style #1282

Closed
@xcrap

Description

@xcrap

What version of VS Code are you using?

Version: 1.99.0-insider

What version of Tailwind CSS IntelliSense are you using?

0.14.11

What version of Tailwind CSS are you using?

4.0.0

What package manager are you using?

NPM

What operating system are you using?

MacOS

Tailwind config

VS Code settings

{
    "explorer.fileNesting.patterns": {
        "*.ts": "${capture}.js",
        "*.js": "${capture}.js.map, ${capture}.min.js, ${capture}.d.ts",
        "*.jsx": "${capture}.js",
        "*.tsx": "${capture}.ts",
        "tsconfig.json": "tsconfig.*.json",
        "package.json": "package-lock.json, yarn.lock, pnpm-lock.yaml, bun.lockb",
        "composer.json": "composer.lock",
        "psalm.xml": "psalm-baseline.xml",
        ".php-cs-fixer.php": ".php-cs-fixer.cache",
        "phpunit.xml": ".phpunit.result.cache",
        "*.php": "${basename}Test.php"
    },
    "emmet.includeLanguages": {
        "blade.php": "html",
        "twig": "html"
    },
    "files.associations": {
        ".php_cs.dist": "php",
        ".php_cs": "php",
        ".pre": "php",
        "artisan": "php",
        "*.css": "tailwindcss"
    },
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/*.code-search": true,
        "_ide_helper.php": true,
        "_ide_helper_models.php": true,
        ".php_cs.cache": true,
        ".phpstorm.meta.php": true,
        ".phpunit.result.cache": true
    },
    "workbench.startupEditor": "none",
    "editor.formatOnSave": true,
    "editor.minimap.enabled": false,
    "git.confirmSync": false,
    "editor.fontSize": 15.6,
    "editor.fontFamily": "JetBrains Mono",
    "explorer.confirmDelete": false,
    "git.enableSmartCommit": true,
    "editor.lineHeight": 1.8,
    "chat.editing.alwaysSaveWithGeneratedChanges": true,
    "[typescriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[javascript]": {
        "editor.defaultFormatter": "biomejs.biome"
    },
    "[css]": {
        "editor.defaultFormatter": "biomejs.biome"
    },
    "editor.lineNumbers": "off",
    "Devdb.colorTheme": "dark",
    "breadcrumbs.enabled": false,
    "editor.stickyScroll.enabled": false,
    "explorer.confirmDragAndDrop": false,
    "bladeFormatter.format.indentInnerHtml": true,
    "[php]": {
        "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "vscode.json-language-features"
    },
    "explorer.autoReveal": false,
    "github.copilot.nextEditSuggestions.enabled": true,
    "workbench.colorTheme": "City Lights",
    "github.copilot.chat.codesearch.enabled": true,
    "github.copilot.chat.newWorkspaceCreation.enabled": true,
    "github.copilot.chat.completionContext.typescript.mode": "on",
    "github.copilot.chat.languageContext.typescript.enabled": true,
    "github.copilot.advanced": {},
    "chat.editing.confirmEditRequestRetry": false,
    "diffEditor.ignoreTrimWhitespace": false
}
.submenu-header {
    @starting-style {
        opacity: 0;
        transform: translateY(10px);
    }

@apply transition-all duration-300 ease-in-out opacity-100 translate-y-0 absolute -left-px top-full w-48 bg-white border border-slate-100 border-t-0 rounded-b rounded-tr overflow-hidden shadow-lg shadow-slate-100 hidden group-hover:block;
}

How to disable this warnings without creating a config file, is there a way to have a inline ignore?

PS: Yes I could use starting: in the v4... but that's not the point, the point is to support @starting-style because it's a normal CSS rule.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions