Les buttons classiques o-btn sont les seuls à changer de couleur en fonction du module
Les variantes o-btn o-btn--light et o-btn o-btn--error peuvent elles aussi bénéficier des o-btn--big, o-btn--adapt, o-btn--icon et posséder des icônes.
<div class="o-btn">Classique</div>
<div class="o-btn"> <i class="c-fonticon__icon-map"></i><span>Classique avec icone</span></div>
<div class="o-settings">
<button class="o-btn o-btn--light o-btn--settings"><span>paramètres</span><i class="c-fonticon__icon-param"></i></button>
</div>
<div class="o-btn o-btn--big">Classique avec vraiment beaucoup de texte</div>
<div class="o-btn o-btn--big"><i class="c-fonticon__icon-map"></i><span>Classique avec vraiment beaucoup de texte et un icone</span></div>
<div class="o-btn o-btn--adapt"><i class="c-fonticon__icon-trash"></i><span>Ce texte disparait sur appareils mobile</span></div>
<div class="o-btn o-btn--icon"><i class="c-fonticon__icon-plus"></i></div>
<div class="o-btn o-btn--light">Clair</div>
<div class="o-btn o-btn--error">Supprimer</div>
<div class="o-btn" disabled="">Classique Désactivé</div>
<div class="o-btn o-btn--light" disabled="">Clair Désactivé</div>
<div class="o-btn o-btn--error" disabled="">Erreur Désactivé</div>