.. _css:

===
CSS
===

CSS code is generated by SASS, we use the .scss syntax. We prefer a component based
approach using the BEM methodology: https://en.bem.info/methodology/key-concepts/.

In addition to BEM we limit the scope of components to the "border-box" preventing
components from defining a margin on itself. Parent components control the margins
of its children.

The view is a component without parents and should be directly linked to a template.
It's role is to "orchestrate" child components.

To compile SASS to CSS run::

    $ gulp sass

To create a new component run ::

    $ gulp create-component --name my-compoment-name --scss

To create a new view run ::

    $ gulp create-view --name my-compoment-name --scss