Documentation

Le Head est un conteneur simple qui prend toute la largeur de son parent

Lui ajouter --main permet d'obtenir un fond blanc tandis que le --secondary affiche un élément à gauche et tous les autres à droite.

Lui ajouter la class sticky permet que celui ci reste fixe lors du scroll dans la page

Head Filtres

Pour un fonctionnement correct il faut que pour les boutons disposant de la class js-dropdown__simple--btn, le texte soit dans une span et l'icone dans une balise i (voir exemple ci-desssous)

Head

Preview

Head
Element 2
Element 3

Balisage


                
                    <div class="o-head">
                        <div>Head</div>
                        <div>Element 2</div>
                        <div>Element 3</div>
                    </div>

Head Fond blanc

Preview

Head Principal
Element 2
Element 3

Balisage


                
                    <div class="o-head--main">
                        <div>Head Principal</div>
                        <div>Element 2</div>
                        <div>Element 3</div>
                    </div>

Head - Premier gauche reste droite

Preview

Head Secondaire
Element 2
Element 3

Balisage


                
                    <div class="o-head--secondary">
                        <div>Head Secondaire</div>
                        <div>Element 2</div>
                        <div>Element 3</div>
                    </div>