New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Multiple grids #124

Closed

danyeah opened this issue Mar 23, 2017 · 1 comment

danyeah commented Mar 23, 2017

Hello
I can't figure out how to set up multiple grids with different namespace and different breakpoints,
how can i accomplish this?

Collaborator

olivierbossel commented Aug 4, 2018 •

edited

Hi man,
This is a nice question.
Gridle hasn't been created with multi-grids usages but you can do it like so normally:

Create a file by grid you want like grid.1.scss and grid-2.scss
Create 2 settings files like _grid-1-settings.scss and _grid-2-settings.scss
Make use of the classes-prefix setup option like so:

@include g-setup((
    // ...
    classes-prefix: 'my-cool-prefix-',
));

Generate the classes for each grids using the g-classes() mixin in each grid files
Concat your files if needed using another tool

Hop this answer your question...
Let me know!

Cheers!

olivierbossel closed this as completed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment