DEV Community

Discussion on: Astro JS Sass Styling: SCSS Astro Setup

Collapse
 
nikola_lakovic profile image
Nikola Lakovic • Edited

Just one thing here, postcss-html is not checking your .scss files at all. I needed to put post-scss here, but then I got an error. This is what terminal is saying to me: Unknown word CssSyntaxError.
This is what we need in .stylelintrc.json:
{
"extends": [
"stylelint-config-recommended-scss",
"stylelint-config-standard-scss"
],
"rules": {
"color-named": "never",
"no-duplicate-selectors": true
},
"overrides": [
{
"files": [".astro", "/.astro"],
"customSyntax": "postcss-html"
}
]
}

package.json is okay:

"lint:scss": "stylelint \"src/*/.{astro,scss}\""