Compass style libraries for LESS css?

CssLessCompass Sass

Css Problem Overview


SASS has Compass (a community maintained library of sass mixins/methods).

Does LESS have any supporting libraries that can compare to Compass? Listing anything would be helpful!

Css Solutions


Solution 1 - Css

Another great mini-library...

Bootstrap
by Mark Otto, Designer at Twitter

> Bootstrap is a super awesome pack of > mixins and variables to be used in > conjunction with LESS, a CSS > preprocessor for faster and easier web > development.

Demo/Site: http://getbootstrap.com/

Mixins: https://github.com/twbs/bootstrap/tree/master/less/mixins

Github/Source: https://github.com/twbs/bootstrap

Solution 2 - Css

There are less elements, but it's hardly a collection. I agree it would be nice to have something like this.

Solution 3 - Css

Take a look at my compless repo. There I try to implement some features of Compass using less. Mixins are divided into categories in a way how it done in Compass' reference. Patches are welcome! :)

Solution 4 - Css

Here are another couple of choices: lesshat and clearless

Also, this blog post compares 3 less libraries: less elements vs bootstrap vs lesshat.

From the post, it seems like both bootstrap and lesshat beat less elements,

however depending what you need you would choose between bootstrap and lesshat.

> Bottom line, if you’re looking to completely redefine and systematize > the way that you build websites, check out Bootstrap. However, if > you’re just a LESS user looking for some mixins, I definitely > recommend checking out LESS Hat.

PS:

If you're just look looking for some basic mixins, and for you - a whole library is overkill - then maybe this post from css-ticks is more for you.

Solution 5 - Css

I just launched {lessins}, it is a library of common mixins, similar to bootstrap.less or less elements, but with a focus exclusively on mixins (the others include some unecessary variables, that seem remnants of other projects.)

I have also organized the mixins into bundles. Check it out: https://github.com/jdmiller82/-lessins-

Solution 6 - Css

Old question, but right now Lots of Love for Less (3L) is far more complete and generic than Preboot née Bootstrap!

Solution 7 - Css

Try Preboot. It is a pretty cool LESS library from a member of Bootstrap team.

Solution 8 - Css

This is an old question but let me share this recently made Bootstrap3-LESSHAT Boilerplate.

The Boilerplate has the LESS Hat Mixin Library (counterpart of Compass) set up as well as the Font Awesome Iconset.

Solution 9 - Css

There's a new library called more-or-less which is similar lesshat but a lot faster since it does not use inline-javascript.
Just like lesshat it allows to use endless layers for e.g box-shadow or background-image.
It basically has all of the lesshat mixins plus a few other helpful functions.

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

> requires Less 1.7.0 or later

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestiontesterView Question on Stackoverflow
Solution 1 - CssChris JacobView Answer on Stackoverflow
Solution 2 - CssLitekView Answer on Stackoverflow
Solution 3 - CssneoasceticView Answer on Stackoverflow
Solution 4 - CssDanieldView Answer on Stackoverflow
Solution 5 - CssJonathan MillerView Answer on Stackoverflow
Solution 6 - CssManuel EbertView Answer on Stackoverflow
Solution 7 - CsshaotangView Answer on Stackoverflow
Solution 8 - CssAJ NaidasView Answer on Stackoverflow
Solution 9 - Cssuser950658View Answer on Stackoverflow