{"id":638,"hash":"f087d8cccd293bcab67e2538013676586560534c038713cd4407523a5781cbe7","pattern":"How do you get rid of these SASS linting errors when using Tailwind CSS?","full_message":"I'm using Tailwind in a Gatsby project.  My environment is Visual Studio Code, using the Prettier code formatter.\n\nHow do I get rid of these linting error alerts?","ecosystem":"npm","package_name":"visual-studio-code","package_version":null,"solution":"Solution for both .css and .scss\n\nAt the root level of your project, update or create a directory, .vscode, with a file, settings.json:\n\nAdd the following to file .vscode/settings.json:\n\n{\n  \"css.validate\": false,\n  \"less.validate\": false,\n  \"scss.validate\": false\n}\n\nInstall the vscode-stylelint extension\n\nInstall stylelint-config-standard:\n\nnpm i stylelint-config-standard -D\n\nCreate a stylelint.config.js file at the root level and add:\n\nmodule.exports = {\n  extends: ['stylelint-config-recommended'],\n  rules: {\n    \"at-rule-no-unknown\": [\n      true,\n      {\n        ignoreAtRules: [\n          \"tailwind\",\n          \"apply\",\n          \"variants\",\n          \"responsive\",\n          \"screen\",\n        ],\n      },\n    ],\n    \"declaration-block-trailing-semicolon\": null,\n    \"no-descending-specificity\": null,\n  },\n};\n\nRestart Visual Studio Code\n\nResults:\nYou get rid of these Sass linting errors when using Tailwind CSS and keep doing CSS validation with Stylelint.","confidence":0.95,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/62118325/how-do-you-get-rid-of-these-sass-linting-errors-when-using-tailwind-css","votes":32,"created_at":"2026-04-19T04:51:25.711294+00:00","updated_at":"2026-04-19T04:51:25.711294+00:00"}