Functional classes define a single behavior, typically by modifying a single CSS property.

The functional classes have two purposes, where the second is a consequence of the first.

  1. Provide coherence and solidity using scales and value systems throughout our project.
  2. Support the creation of recurring styles and avoid duplicating CSS instructions.

Functional classes are grouped into modules. Where each class within the same module modifies the same property but with a different value.

Naming convention

The name of functional classes is formed with the name of the module to which they belong plus the value associated with the class in question.

| --- | --- |

Modules included in The System