Hem / Update: Less+ for Less Framework 4

Update: Less+ for Less Framework 4

A new, fresh version of Less Framework 4 has hit the web and therefore I’m updating Less+. This new version has a lot of  changes compared to the last version.  Here are the changes:

  • New 992 px default desktop layout.
  • New grid with 68 px columns.
  • More type presets.

So, first of all, the columns has been resized, and the he 13-column design is totally removed. This new ’default layout’ is a lot easier for designers to wrap their heads around, since stuff can be paired up a lot easier than in LF3. Joni gives us some design ideas already on the Less Framework site, and I’m hoping that this will popularize the Less framework.

Also, by putting the default fallback on the 10-col desktop design, we don’t have to worry as much about the users who doesn’t have Javascript. Big win! On the downside, the awesome 13-col design is not availible, so if we want to use that we have to add an extra line of magic when we’re calling our stylesheets. The 13 col grid is very cool for big screens, but we could perhaps have a website that is designed to be viewed in a certain way on, say, television.

So, to make this change we’re we’re editing this:

<link rel="stylesheet" href="10col.css" media="only screen and (min-width: 992px)" />

And turning it into this;

<link rel="stylesheet" href="13col.css" media="only screen and (min-width: 1212px)" />
<link rel="stylesheet" href="10col.css" media="only screen and (min-width: 992px) and (max-width: 1211px)" />

To include the sweet type presets, just clear out your fonts.css and replace it with the ones from lessframework.com