Susy 1.0 has officially launched! Thanks to everyone who contributed.
This release is loaded with new features, but don’t let that fool you. Susy has become shockingly simple to use. See the website for more details and demonstrations.
The interface and syntax have been simplified so that the language is consistent and easy to understand. We cleaned up the output, taking into account Compass browser-support settings, and giving you more control over exactly how your grids are built. Then we added a load of responsive tools and optional new settings to make Susy as absolutely flexible as possible.
Happy coding!
We don’t have to choose between px and rem for spacing
There are many articles and established CSS best-practices that rely on determining the correct or best units to use. Now that comparison functions are well supported in CSS, we don’t have to choose.
It’s time to stop spreading this out-dated practice
Setting the box-sizing model to border-box is one of the few remaining CSS ‘resets’ used across most projects. But there are two common approaches, and the more popular choice will cause more problems than it solves.
What do all the numbers in our clamp() do?
There are multiple tools that can help create a fluid font-size calculation for CSS – generally expressed as a clamp() function combining em (or rem) with vw (or vi) units. But the results are difficult to understand at a glance, so I wanted to visualize what’s going on…