LESS css 的指南针样式库？答案

【问题标题】：Compass style libraries for LESS css?LESS css 的指南针样式库？
【发布时间】：2011-08-22 05:12:42
【问题描述】：

SASS 有 Compass（一个社区维护的 sass 混合/方法库）。

LESS 是否有任何可以与 Compass 相媲美的支持库？列出任何内容都会有所帮助！

【问题讨论】：

如果我们做一个，我们不能称之为Less Framework。我创建了一个名为 LessLib 的工具：github.com/dancrew32/lesslib 如果您碰巧访问此页面寻找答案，请随时贡献！

标签： css less compass-sass

【解决方案1】：

有less elements，但它几乎不是一个集合。我同意有这样的东西会很好。

【讨论】：

感谢您为本次讨论做出贡献！那里的每个迷你图书馆都会有所帮助！我觉得很多人都在搜索这些东西，但没有找到任何关于它的东西。

【解决方案2】：

另一个很棒的迷你图书馆...

引导
作者：Mark Otto，Twitter 设计师

Bootstrap 是一个超级棒的包要使用的 mixins 和变量结合LESS，一个CSS 用于更快、更轻松的 Web 的预处理器发展。

演示/网站：http://getbootstrap.com/

混音：https://github.com/twbs/bootstrap/tree/master/less/mixins

Github/来源：https://github.com/twbs/bootstrap

【讨论】：

颜色变量是个好主意，但它们似乎更具体一些实现，而不是框架材料。然而，我真的很喜欢这个网格系统和渐变混合的完整性。感谢您的贡献，克里斯！
只是为了保持最新，新的github源是github.com/markdotto/Preboot.less
他们似乎又搬家了，这一次毕业到一个官方的 Twitter 项目。 :) 我已经更新了答案。
如果您想直接使用 LESS 源，该站点不会列出所有的 mixin。但是，它们很容易在 less/mixins.less 文件的源代码中找到。
其实只有的mixin可以和compass比较，不是吗？而且我不会考虑使用 Bootstrap mini。

【解决方案3】：

我刚刚发布了 {lessins}，它是一个常见的 mixin 库，类似于 bootstrap.less 或 less 元素，但只专注于 mixins（其他包括一些不必要的变量，这似乎是其他项目的残余。）

我还将 mixins 组织成包。看看吧：https://github.com/jdmiller82/-lessins-

【讨论】：

【解决方案4】：

看看我的compless repo。在那里，我尝试使用 less 来实现 Compass 的一些功能。 Mixin 以 Compass 的reference 中的方式分为几类。欢迎打补丁！ :)

【讨论】：

【解决方案5】：

老问题，但现在Lots of Love for Less (3L) 比 Preboot née Bootstrap 更完整、更通用！

【讨论】：

会去看看！移动网站在 iPhone 4S 上完全无法使用！
哈哈，是的，它没有网格或响应类。

【解决方案6】：

这里有另外两个选择：lesshat 和 clearless

另外，this blog post 比较了 3 个更少的库：less elements vs bootstrap vs lesshat。

从帖子看来，bootstrap 和 lesshat 都击败了更少的元素，

但是，根据您的需要，您可以在 bootstrap 和 lesshat 之间进行选择。

底线，如果您希望完全重新定义和系统化您构建网站的方式，请查看 Bootstrap。然而，如果你只是一个 LESS 用户，正在寻找一些 mixin，我肯定建议查看 LESS Hat。

PS：

如果您只是在寻找一些基本的 mixin，并且对您来说 - 整个库是多余的 - 那么也许 this post from css-ticks 更适合您。

【讨论】：

【解决方案7】：

这是一个老问题，但让我分享一下最近提出的Bootstrap3-LESSHAT Boilerplate。

Boilerplate 设置了 LESS Hat Mixin 库（Compass 的对应部分）以及 Font Awesome Iconset。

【讨论】：

【解决方案8】：

有一个名为 more-or-less 的新库，它与 lesshat 类似，但速度更快，因为它不使用 inline-javascript。
就像 lesshat 一样，它允许使用无限层，例如 box-shadow 或 background-image。
它基本上具有所有的 lesshat mixin 以及一些其他有用的功能。

.for()
.find()
.in()
.join()
.repeat()

需要 Less 1.7.0 或更高版本

【讨论】：

【解决方案9】：

试试Preboot。它是来自 Bootstrap 团队成员的一个非常酷的 LESS 库。

【讨论】：