philippkuehn/gridilydidily

A highly configurable, data-attribute driven and sass based flexbox grid with inline-block fallback.

gridilydidily's Issues

List Supported Browsers

Hey - this grid system looks awesome. The kind of thing I wanted to write myself!

One thing I think would be good - would be to list supported browsers.

I know that Inline block should be supported by IE8+ but when viewing the demo site in IE8 the grids do not work. Be great to to this to work in IE8. I'd be a super happy guy. I might try a pull request. :-)

SCSS Mixin Usage

Hi there. First, thanks for the great library. It's the only one I've found so far that is appropriately configurable so as to play nicely with other spacing and breakpoint systems.

I am interested in scss helper mixins to optionally use this grid system from the SCSS side. Let's take the following div as an example:

<div class="grid__item" data-grid--medium="1/2">

I would like to be able to wire up the same behavior in SCSS by doing something along the lines of:

.some-selector {
  @import grid-item;
  @import grid-medium('1/2');
}

Is this something you anticipate supporting? Or already support (in case I missed it in my initial perusal of the source)?

Either way, thanks.

Filesize

Hey,

I've been using gridilydidily on a project and only recently whilst doing some speed tests did I check the size of the outputted CSS. The addition of gridilydidily adds a whopping 103k to the CSS.

Is there any way of getting this down? I'm not pointing the finger, just wondering if perhaps there's anything I can strip back etc.

Cheers,
Tom

Easier installation

Hey!

This grid looks awesome, but the problem is it's (a bit) hard to install.
It would be lovely if you could create a package on npm, include a minified css version, and maybe put it up on a cdn.

Thanks, keep up the good work!

Adjusting gutters for different grids

I can see that you can modify gutters based on breakpoints entered into your grid settings, but is it possible to have different gutters for different grids regardless of screen size?

For instance I'm working on a site that has events in grid and calendar view. The grid view calls for more spacing between boxes than the calendar view. Is the only way to override the margins/padding that grididilydididly outputs in the CSS by targetting a class on the parent?