html - 建立新的基于框架的元素并使用 LESS

标签 html css less zurb-foundation

所以我正在尝试建立一个环境,在这个环境中我可以生成一个新元素,并最大限度地减少设置该新元素所涉及的定制/复杂性。我正在使用 Structurer Pro(来自 nettuts+)来构建文件集,这是一件了不起的事情。我已经为 MAC 设置了 github,允许我获取最新的 Foundation 框架文件并将它们放入当前元素中。

现在,我也在尝试将 LESS 纳入流程。但是,Foundation 的 css 文件目前没有使用 LESS 设置,这意味着我有 2 个选项...(1) 使用当前版本并对其进行 LESS 化处理,然后使用这些自定义文件创建新元素。 (2) 不要使用 LESS...

我遇到的另一个问题是,似乎有相当多的 LESS 编译器(simpLESS、CodeKit、LESS、compass),但它们都没有结合 css 文件!因此,如果我设置 10 个 LESS 文件(例如 IE.less、mobile.less、grid.less、typography.less 等),并在其中包含变量,我真的不想将 10 个 css 文件作为输出。我真的想要 1 个编译的 css 文件作为输出。我知道我可以手动执行此操作,甚至可以通过 Clean css 或其他 30 个网站中的任何一个...

但是有没有什么东西可以让我使用最新的文件来创建元素框架,通过将颜色样本集应用到一系列变量 (LESS) 来自定义它,然后编译并组合生成的 CSS实际执行?

最佳答案

Foundation 最终在版本 3 中转向了 SCSS,因此这成为了一个有争议的问题......

关于html - 建立新的基于框架的元素并使用 LESS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8477025/

相关文章:

html - html表格内的行

javascript - 连接列表的可排序滚动问题

css - Less:mixins 样式与添加的样式规则

css - 将颜色的亮度更改为特定值

grid - Bootstrap 3.1 如何使用mixin make-grid-columns()?

javascript - PHP 获取文本区域的文件内容

html - 附加 DIV 是垂直的

javascript - 单击时用 "display: table-cell"展开 div?

css - 如何同时具有最小宽度和中断到下一行以进行内容编辑

javascript - 使用 Canvas 绘制单个像素