Skip to content
New issue

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

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

Already on GitHub? # to your account

Feature request: instantiate multiple grids? #11

Open
beep opened this issue Jul 21, 2017 · 0 comments
Open

Feature request: instantiate multiple grids? #11

beep opened this issue Jul 21, 2017 · 0 comments

Comments

@beep
Copy link

beep commented Jul 21, 2017

Right now, josef lets you define a grid globally, and reference those layouts whenever @include grid(classname); is invoked.

What I’d love to be able to do is to define a map of properties, and reference that with the grid() function. Just for example, some pseudo-sass:

$grid-mast: (
    "mar": 68,
    "col": 68,
    "gut": 26,
    …
    "breakpoints": (
        "small": (cols:  4, min:  0,   margin: $pad),
        "med": (cols:  6, min: 30em, margin: $gut),
        "large": (cols:  8, min: 40em)
    )
);

$grid-content: (
    "mar": 68,
    "col": 68,
    "gut": 26,
    …
    "breakpoints": (
        "xs": (cols:  4, min:  0,   margin: $pad),
        "sm": (cols:  6, min: 40em, margin: $gut),
        "md": (cols:  8, min: 60em),
        "lg": (cols: 12, min: 78em),
        "xl": (cols: 12, min: 95em)
    )
);

@include grid( .mast-content, $grid-mast );

@include grid( .page-content, $grid-content );

This’d be a huge help for regions that might have unique breakpoint needs, and/or simpler (or more complex) grids.

# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

No branches or pull requests

1 participant