sass - 如何在 zurb 基础上使用 mixin 进行网格布局？

Question

我正在测试 Foundation，但我没有找到任何关于使用 sass 使用我的自定义类/ID 制作我的 css 的文档。我只得到基本标记，但没有像：

@include column();
@extend seven;

感谢帮助。

编辑：我的文件夹结构：

• 我的主题 > sass > 布局-home.scss + base.scss
• 我的主题 > zurb >foundation.scss

• my-theme > zurb > components > ZF的所有scss文件

• 在 layout-home.scss 中：@import "base.scss";

• 在 _base.scss 中：@import "../zurb/foundation";
• 在foundation.scss 中：所有组件的导入

未检测到指南针错误。

Answer 1

Foundation 官方网站中有大量文档，例如，有关如何实现网格的信息：http: //foundation.zurb.com/docs/components/grid.html

您将在每个部分的底部看到将 scss 与 Foundation 以及所有变量和 mixin 一起使用的说明。例如，您可以使用 mixin@include grid-column(options)在标签中包含您喜欢的任何类/ID 的列数。