Style guidelines

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:

See it directly in your editor

Sass-lint has a plugin for almost every editor, this means you just have to download it and you will see the output: