【问题标题】: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】:

      这里有另外两个选择:lesshatclearless

      另外,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-shadowbackground-image
          它基本上具有所有的 lesshat mixin 以及一些其他有用的功能。

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

          需要 Less 1.7.0 或更高版本

          【讨论】:

            【解决方案9】:

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

            【讨论】:

              猜你喜欢
              • 2014-10-22
              • 2013-04-15
              • 1970-01-01
              • 2010-12-30
              • 1970-01-01
              • 1970-01-01
              • 2013-02-24
              • 2013-04-28
              • 1970-01-01
              相关资源
              最近更新 更多