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.
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.