Introducing Susy Next


This morning, at around 1am EST, the Susy Next team released the first alpha of of Susy Next. As Eric says, this release is very sparse with really only the math engine in place; no user facing sugar, no tutorials, some functions uncommented, no documentation, nothing. The closest you’ll get to a walkthrough of the power of what Susy Next can do is by taking a look at the code in the test folder of the Susy Next branch. To install it, type the following into your command line (you may need to sudo it)

gem install susy --pre

We’ve released it in this state for a few reasons, but the biggest one is to get it into the hands of our users and have them rip it apart. Please, do! We want Susy Next to be the most flexible, user friendly, awesome grid system not only available for Sass, but any grid system. The goal of Susy Next is to provide the math and the logic for you to build the grids you want and you need, but in order to do that, we need your feedback. The things we’d like the most feedback on are the add-grid and add-gutter syntaxes, and the span syntax that you can see on line 39 of test/scss/math.scss. Line 39 and line 43 produce the same results. We encourage you to play, break, have fun, and post your thoughts to the Susy Issue Queue and tag them with the Susy Next tag.

Susy Next is a big leap forward for Susy. We have introduced asymmetric grids to the mix, integrated Breakpoint for media queries and no-query fallbacks, and are introducing a new natural language syntax to the mix to make working with Susy more semantic and user friendly (don’t worry, if you like the good old fashioned quick and dirty direct method, that’s still available). We’re also developing Susy Next with extensibility in mind, setting the stage for a full output API for different output methods (it ships with both Float and Isolation methods), which you can take a look at in both _api.scss and the api folders. We also encourage the community to go and build extensions they find useful, like a way to write class classes based on your grid, or Flexbox support, or off-canvas plugins; anything you can think of! Expect to hear more on Susy Next plugins in the coming weeks and months.

What Does This Mean For Singularity

I’ve got some good news and I’ve got some bad news. Bad news first; now that we’ve got a working stable version of the Susy Next math engine, development has more or less totally stopped on Singularity and soon Scott and I will probably deprecate Singularity in the coming weeks. This means that no new development will happen on Singularity, although there may be crossports from Susy Next. The good news? Susy Next has 100% API compatibility with Singularity. Your grid and gutter definitions, as well as media queries and no-query fallbacks, your grid-spans and gutter-spans, they all work and all have the same API. We’ve simplified some of it, and we’ve dropped Padding support for the time being, so some of the additional parameter you’ve passed in if you’re doing really advanced things aren’t available, class output isn’t built (but you can build it as a Susy Next plugin!), and lit/rtl and desktop-first development isn’t finished yet on the current build of Susy Next (it’s coming), but other than that, you shouldn’t really need to change anything! So fear not loyal Singularity fan! While the name may be going away, the heart stays.