LESS CSS的罗盘样式库?

50

SASS有Compass(一个社区维护的SASS mixin/methods库)。

LESS是否有任何支持库可以与Compass相比?列出任何内容都会很有帮助!


如果我们创建一个,就不能称其为Less Framework。 我开始创建了一个叫做LessLib的项目:https://github.com/dancrew32/lesslib 如果您访问此页面寻找答案,请随意贡献! - tester
9个回答

28

1
颜色变量是个好主意,但它们似乎更多地与实现相关,而不是框架材料。然而,我真的很喜欢这个网格系统和渐变混合物的完整性。感谢您的贡献,Chris! - tester
为了保持最新,新的 Github 源是 https://github.com/markdotto/Preboot.less。 - tester
他们似乎又搬家了,这次升级为官方Twitter项目。 :) 我已经更新了答案。 - Jo Liss
该网站未列出所有的混合器,如果您想直接使用LESS源代码。但是,它们可以在less/mixins.less文件中轻松找到。 - Spoike
实际上,只有混合(mixins)与Compass相比较,不是吗?而且我不认为Bootstrap是迷你的。 - Andy

20

虽然它几乎不算一个集合,但是这里有更少的元素。我同意有这样的东西会很好。


感谢您对本次讨论的贡献!每一个小型库都会有所帮助!我感觉很多人正在寻找这方面的资料,但却找不到什么。 - tester

9

看看我的compless仓库。我试图使用less实现Compass的一些特性。混合指令按照Compass官方文档中的分类方式进行划分。欢迎提交补丁! :)


6
这里有另外两个选择:lesshatclearless 此外,这篇博客文章比较了3个LESS库: less elements vs bootstrap vs lesshat
从文章中可以看出,Bootstrap和Lessthat都胜过Less Elements,
但是根据您的需求,您可以在Bootstrap和Lessthat之间进行选择。
总的来说,如果您想要完全重新定义和系统化构建网站的方式,请查看Bootstrap。然而,如果您只是一个LESS用户寻找一些mixin,则我强烈推荐使用LESS Hat。
PS:
如果你只是想要一些基本的mixin,而对于你来说整个库太大了 - 那么也许这篇来自css-ticks的文章更适合您。

2
我刚刚发布了 {lessins} 库,它是一个通用的混合器库,类似于 bootstrap.less 或 less elements,但它专注于混合器(其他项目包含一些不必要的变量,这些变量似乎是其他项目的遗留物)。
我还将混合器组织成了捆绑包。请查看:https://github.com/jdmiller82/-lessins-

1

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


1

虽然这是一个旧问题,但现在 Lots of Love for Less (3L)比Preboot née Bootstrap更完整和通用!


我会去看看!在iPhone 4S上移动站点完全无法使用! - tester
哈哈,是的,它没有网格或响应式类。 - Manuel Ebert

0

有一个新的库叫做more-or-less,它类似于lesshat但速度更快,因为它不使用内联JavaScript。
就像lesshat一样,它允许使用无限层次的例如box-shadowbackground-image
它基本上拥有所有lesshat mixins以及其他一些有用的函数。

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

需要Less 1.7.0或更高版本


0

这是一个旧问题,但让我分享最近制作的 Bootstrap3-LESSHAT Boilerplate

该样板包含了 LESS Hat Mixin 库(Compass 的对应项)以及 Font Awesome 图标集。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接