Updating for X-Y grid

[digiaonline]

Updating for X-Y grid

[gpspake]

on second though, I guess there aren't any conflicts if we use Grid and Cell

<div class="grid-x">
  <div class="cell">full width cell</div>
  <div class="cell">full width cell</div>
</div>
<div class="grid-x">
  <div class="small-6 cell">6 cells</div>
  <div class="small-6 cell">6 cells</div>
</div>
<div class="grid-x">
  <div class="medium-6 large-4 cell">12/6/4 cells</div>
  <div class="medium-6 large-8 cell">12/6/8 cells</div>
</div>

becomes:

<Grid type="x">
  <Cell>full width cell</Cell>
  <Cell>full width cell</Cell>
</div>
<Grid type="x">
  <Cell small="6">6 cells</Cell>
  <Cell small="6">6 cells</Cell>
</Grid>
<Grid type="x">
  <Cell medium="6" large="4">12/6/4 cells</Cell>
  <Cell medium="6" large="8">12/6/8 cells</Cell>
</Grid>

Thoughts?

[crisu83]

@gpspake Good idea, but unfortunately I don't have time to work on this right now. Feel free to make a PR for this nevertheless.

[brentdodell]

👍

[gpspake]

Does anyone have any thoughts on the best way to go about this; you'd probably want to maintain an option to use the legacy grid, so do you provide some config to avoid naming conflicts? Do you prefix the components with xy?

[iloginow]

@gpspake Obviously all that we have to do in order to support the new XY Grid is simply add 2 new components: Grid and Cell. And update the Foundation version to 6.4.0 the package.json file of course. I don't see any possible conflicts whatsoever. I'd love to use Foundation + React as a "Front End Standard" for my projects. And I think this new XY Grid is fantastic so those two components are really missing here. Did you manage to create any of those? Because I'm also interested in helping out.

[crisu83]

This has been done, thanks to @iloginow.