Mixin clearfix

Originellement, l s’agit d’une classe que l’on ajoute dans le code html afin d’éviter le dépassement des blocs flottants ( float:left; & compagnie…) son intérêt est tel qu’une page html est vite envahie de classes clearfix, ce qui est assez difficilement maintenable… L’alternative étant d’inclure le clearfix dans son intégralité à chaque classe en ayant besoin dans le css. Peu pratique, pas du tout DRY.

Heureusement grace à Sass, il est possible d’ajouter ce mixin en haut de votre feuille de style puis de l’utiliser à chaque fois que vous en aurez besoin avec @include clearfix(); .