Bonjour à toutes et à tous,

Je viens ici aujourd'hui afin de partager une toute petite série de mixins SASS que j'ai développé.
Cette série de mixin permet de générer une grille fluide CSS de façon paramétrable.

Je vous laisse découvrir tout celà à l'adresse suivante, si vous avez des suggestions ou bien des améliorations n'hésitez pas à m'en faire part!
http://dumbsquirrel.cloudcraft.fr/bfernandez-public/Sassy-Grid

Bien cordialement,
Balthazar Fernandez.

6 réponses


Déplace ce sujet dans la partie création c'est la que ça place est le plus approprié ;-)

C'est fait, je me suis en effet allé un peu vite ;)

ca ne génère pas de grille responsive?

Eh bien il suffit d'inclure le mixin dans une media-query :)

@include sg_clearfix('row');

@media screen and (min-width: 1200px) {
    @include sg_grid('col-large', 12, 20px);
}
@media screen and (min-width: 760px) and (max-width: 1200px) {
    @include sg_grid('col-medium', 12, 20px);
}
@media screen and (max-width: 760px) {
    @include sg_grid('col-small', 12, 20px);
}

Et ça générera les grilles en fonction des media-queries.

c'est sympa ca, ca permet de pouvoir géré tout plein de beak point pour le responsive

Je vais rajouter ça dans la doc :)