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

时间:2018-01-16 23:49:14

标签: sass zurb-foundation xy-grid

我正在实施一个使用Foundations的Flex-Grid布局为我们开发的网站。我们真的只有几页放在一起,在我开始扩展到更多页面之前,我想从Flex-Grid转换为XY-Grid,因为Zurb将其Flex-Grid标记为遗产。我们使用Sass来做CSS。我一直在网上搜索转换指南,但我还没找到。我想知道是否有人能指出一个有用的转换指南来进行此跳转?

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

我确定现在已经回答了这个问题,Zurb大学视频介绍了将现有项目从flex网格转换为x-y网格的问题。

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

祖尔布大学vid链接:https://zurb.com/university/lessons/learn-the-flexbox-based-powerhouse-xy-grid