+mode

Mixin mode is a way to quickly write code as a draft without following strict rules and later finish it properly.

Mode has to be set before (each) component because it's applied only for the following component.

Default mode is strict and it doesn't need to be declared (because it's default).

SASS

+mode('draft')

+component('button')

  ...

SCSS

@include mode('draft');

@include component('button') {

  ...

If you set a mode draft then:

• no need to use +register section, so you don't need to register sub-elements and mutations
• no +_______________ separators before each +element and +pseudo-element section
• no need to use +default mixin
• no warnings when using unregistered elements or not implementing registered elements

Warning: many important functions cannot be used without the register section, so using the draft mode has its limitations.

We also use the mode draft as the default mode in many examples on this site for having those code examples more simple.