Closed codepuncher closed 1 month ago
Using the latest Bud Stylelint and Tailwind does not allow using the Tailwind screen function in media queries. Related: https://github.com/stylelint/stylelint/issues/6916
Temporary fix:
.stylelintrc
{ "extends": [ "@roots/sage/stylelint-config", "@roots/bud-tailwindcss/stylelint-config" ], "rules": { "media-query-no-invalid": null } }
To not error
Produces an error regarding the unknown screen function in a media query
screen
When using the following code with bud stylelint and tailwind
@media screen(lg) { padding-top: 1px; }
it will produce
$ bud build ╭ sage [5ab2a2a6940f3532] ./public │ │ │ [stylelint] │ │ resources/styles/app.css │ │ 128:12 ✖ Unexpected invalid media query "screen(lg)" media-query-no-invalid │ │ 1 problem (1 error, 0 warnings) │ ╰ 1 error
6.20.0
No response
Experiencing the same issue.
Message to comment on stale issues. If none provided, will not mark issues stale
Agreement
Describe the issue
Using the latest Bud Stylelint and Tailwind does not allow using the Tailwind screen function in media queries. Related: https://github.com/stylelint/stylelint/issues/6916
Temporary fix:
.stylelintrc
Expected Behavior
To not error
Actual Behavior
Produces an error regarding the unknown
screen
function in a media querySteps To Reproduce
When using the following code with bud stylelint and tailwind
it will produce
version
6.20.0
Logs
No response
Configuration
No response
Relevant .budfiles
No response