Sassy-Grid

Par Balthazar Fernandez, il y a 10 ans

Vos créations

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

Defy, il y a 10 ans

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

Balthazar Fernandez, il y a 10 ans

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

Defy, il y a 10 ans

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

Balthazar Fernandez, il y a 10 ans

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.

Defy, il y a 10 ans

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

Balthazar Fernandez, il y a 10 ans

Je vais rajouter ça dans la doc :)