Skip to content

Media query width and breakpoints (wrong term) #1326

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
AiAe opened this issue Apr 19, 2025 · 1 comment
Closed

Media query width and breakpoints (wrong term) #1326

AiAe opened this issue Apr 19, 2025 · 1 comment

Comments

@AiAe
Copy link

AiAe commented Apr 19, 2025

What version of VS Code are you using?

I'm using PhpStorm 2025.1

What version of Tailwind CSS IntelliSense are you using?

0.14.15

What version of Tailwind CSS are you using?

4.1.4

What package manager are you using?

npm

What operating system are you using?

macOS

Tailwind config

Don't have one

VS Code settings

{
  "includeLanguages": {
    "ftl": "html",
    "jinja": "html",
    "jinja2": "html",
    "smarty": "html",
    "tmpl": "gohtml",
    "cshtml": "html",
    "vbhtml": "html",
    "razor": "html"
  },
  "files": {
    "exclude": [
      "**/.git/**",
      "**/node_modules/**",
      "**/.hg/**",
      "**/.svn/**"
    ]
  },
  "emmetCompletions": false,
  "classAttributes": ["class", "className", "ngClass"],
  "colorDecorators": true,
  "showPixelEquivalents": true,
  "rootFontSize": 16,
  "hovers": true,
  "suggestions": true,
  "codeActions": true,
  "validate": true,
  "lint": {
    "invalidScreen": "error",
    "invalidVariant": "error",
    "invalidTailwindDirective": "error",
    "invalidApply": "error",
    "invalidConfigPath": "error",
    "cssConflict": "warning",
    "recommendedVariantOrder": "warning"
  },
  "experimental": {
    "configFile": null,
    "classRegex": []
  }
}

Reproduction URL

https://play.tailwindcss.com/AVQOUF38FJ?file=css

Describe your issue

In PhpStorm, I get weird formatting and error when using media query with theme breaking point.

Image

I'm expecting it to not error and be correctly formatted like this:

Image

Unsure if this is PhpStorm specific issue with its config or something else.

@thecrypticace
Copy link
Contributor

thecrypticace commented Apr 21, 2025

Hey! This definitely looks like a PhpStorm issue to me. We can't/don't control the CSS parsing behavior there and neither Play nor VSCode exhibit this problem.

This looks like it might be the same or a similar issue (though this is for web storm but likely the same problem): https://youtrack.jetbrains.com/issue/WEB-66798/Less-Plugin-shows-errors-when-parsing-new-style-media-query-with-Less-variable

Gonna close this as there's nothing we can do about this one.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants