Style guidelines

The way to structured SCSS

Sass-lint

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:

• Atom
• Sublime Text
• Brackets
• IntelliJ IDEA, RubyMine, WebStorm, PhpStorm, PyCharm
• Visual Studio Code
• Vim