The documentation for the Webuniversum components is divided into 7 sections. Each section explains a vital part of the codebase.
The core of the component library contains all settings, variables, mixins, reset css and our strongest base component: the grid system.
The structure of a page is made up of 4 DOM elements. In order to build pages easily, it is important to understand the grid system.
Atomic components are the smallest components available. They have no dependencies and are widely used in other components.
Form elements are both atoms and components combined. We created a separate section for form elements, because of there large usage.
Our component library is an extended mix of informative and interactive components. They are used to build standard content websites, online forms and applications..
Utilities are small helper classes to change or adapt an atoms or components.