DX: SCSS formatter

The SCSS code has recently changed its formatting. We would like to build on reproducible formatting rules, in so consistency can be guaranteed.

The project already uses Prettier in package.json, and we could seek to integrate an SCSS Prettier plugin into the build.

added flow::scoping label

changed the description

added flow::ready label and removed flow::scoping label

mentioned in issue #19 (closed)

Apparently, prettier uses stylelint, which can be configured:

https://stackoverflow.com/questions/54753495/how-to-edit-auto-formatting-rules-for-css-scss-less-using-prettier-in-vscode

https://github.com/stylelint/stylelint/blob/main/docs/user-guide/rules.md

As for now, let's use the default, and note all style conventions in the README.

assigned to @yala

mentioned in issue #33 (closed)

unassigned @yala

added flow::scoping label and removed flow::ready label

After some css writing I feel that the separation into css and astro files is only useful for completely orthogonal utility classes. Layout classes best fit into components such as Grid, as do inline overrides.

• Evolve the style and find out something.

changed title from SCSS formatter to DX: SCSS formatter

mentioned in issue #50 (closed)

We are no longer using (S)CSS files.

Motivation: Reduce the number of toolchains and different languages. Typescript has significantly better tooling support than (S)CSS and allows us to cohese and colocate code.

#104 (closed) No more (s)css files

Combined issue: #105 (closed) Cohesive style pipeline

Also note that #33 (closed) Biome is superseding the current prettier/stylelint/eslint/prettier-eslint config

Does this mean this issue can be closed, with regards to its initial criteria?

Or should it rather be rescoped to the new environment? I guess when #104 (closed) is implemented, this is superseded by TypeScript itself?

mentioned in merge request !84 (merged)

added flow::review label and removed flow::scoping label

assigned to @upsiflu

mentioned in commit 35e80431

closed with merge request !84 (merged)