Un système de grille fluide basé sur LESS

Voici venir , une mixin LESS destinée à vous aider à générer dans votre CSS une grille fluide à tous points de vue : au sens propre du terme bien sûr, mais aussi bien dans son paramétrage que dans son emploi.

La mixin s'utilise de la manière suivante :

.greed(12, 10px); // nombre maximal de colonnes (défaut : 12), taille des gouttières (défaut : 0)

Et voici un exemple de grille en HTML :

<div class="greed">

    <div class="row-4">

        <div class="col-1"></div> <!-- 25% -->

        <div class="col-3"></div> <!-- 75% -->

    </div>

    <div class="row-12">

        <div class="col-1"></div> <!-- 8.3333333333 % -->

        <div class="col-11"></div> <!-- 91.6666666667 % -->

    </div>

</div>

Apprenez-en plus et contribuez au projet (si vous le voulez) sur la page GitHub de celui-ci !