如何使用mixin进行zurb基础的网格布局?

时间:2013-05-30 14:54:32

标签: sass zurb-foundation

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

@include column();
@extend seven;

感谢您的帮助。

编辑: 我的文件夹结构:

  • my-theme> sass> layout-home.scss + base.scss
  • my-theme> zurb> foundation.scss
  • my-theme> zurb>组件> ZF的所有scss文件

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

  • in _base.scss:@import "../zurb/foundation";
  • in foundation.scss:import of all components

未检测到罗盘错误。

1 个答案:

答案 0 :(得分:0)

官方基金会网站上有大量文档,例如,有关如何实现网格的信息:http://foundation.zurb.com/docs/components/grid.html

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