index.css breaks if @layer code is formatted

[robertgr991]

Hello, index.css seems to break if the code inside is not exactly @layer reset, base, tokens, recipes, utilities; without any modification.

Prettier seems to format this file to:

@layer reset,
base,
tokens,
recipes,
utilities;

I followed the Solid.js starting guide. Maybe there should be an aside in docs that says that this file contents shouldn't be modified at all or change the generator to handle content normalization.

[segunadebayo]

The layer declaration is a valid css syntax, and prettier should not format those. I don't experience this in my local prettier.

Please consider updating the prettier settings in your project.

[robertgr991]

I did update the prettier config and now it handles it fine, but I still think it's worth at least mentioning in the docs that the code snippet should be exactly the same, it's easy to get it wrong.

Edit: The way prettier formatted it initially is still valid CSS syntax, that's why I think it should be specified.

[astahmer]

we had a strict check on it, it should be fixed
#1009