column-setter icon indicating copy to clipboard operation
column-setter copied to clipboard

Feature request: instantiate multiple grids?

Open beep opened this issue 8 years ago • 0 comments

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.

beep avatar Jul 21 '17 16:07 beep