将 Zurb Foundation Flex-Grid 转换为 XY-Grid (Sass)答案

【问题标题】：Converting Zurb Foundation Flex-Grid to XY-Grid (Sass)将 Zurb Foundation Flex-Grid 转换为 XY-Grid (Sass)
【发布时间】：2018-06-25 18:35:36
【问题描述】：

我正在实施一个使用 Foundations 的 Flex-Grid 布局为我们开发的网站。我们实际上只有几页放在一起，在我开始扩展到更多页面之前，我想从 Flex-Grid 转换为 XY-Grid，因为 Zurb 将他们的 Flex-Grid 标记为旧版。我们使用 Sass 来做 CSS。我一直在网上搜索转换指南，但还没有找到。我想知道是否有人可以为我指出一个有用的转换指南来实现这一跳跃？

【问题讨论】：

标签： sass zurb-foundation xy-grid

【解决方案1】：

所以你习惯了 flex 网格，然后看看 https://foundation.zurb.com/sites/docs/flex-grid.html#basics 与 https://foundation.zurb.com/sites/docs/xy-grid.html#basics，应该不难看出相似之处。

也可以看看：https://foundation.zurb.com/learn/foundation-6-4-xy-grid.html。

【讨论】：

【解决方案2】：

我相信这个问题现在已经得到解答，Zurb 大学的视频介绍了将现有项目从 flex 网格转换为 x-y 网格。

基本上你可以在你的 scss 中 @include 两个网格库来简化过渡而不会发生冲突，因为它们都不使用相同的类名。之后，您基本上慢慢地将所有项目 UI 转换为新的 x-y 网格类。

Zurb 大学视频链接：https://zurb.com/university/lessons/learn-the-flexbox-based-powerhouse-xy-grid

【讨论】：