The way to structured SCSS
For style verification we use sass-lint. This ensures us to give you guidelines and warnings about writing mistakes in order, whitespace, nesting, etc.
We have included a sass-lint.yml in the packages and it's connected to the package-json.
Example in Visual Studio Code:
Sass-lint has a plugin for almost every editor, this means you just have to download it and you will see the output: