Most grids change with the viewport –
and Susy needs new settings at each breakpoint.
Susy3 is designed without mixins
for complete flexibility from project to project,
but it can be useful to build additional tools
and shortcuts as you go.
Here are some snippets to help you get started
working with Susy across different media queries.
We’re excited to introduce Susy 3.0,
a major update to our popular grid-math calculator –
now more focused and flexible than ever.
Susy was designed to make layout math easy,
without forcing you into generic patterns
and ugly markup.
But grid systems are on the way out,
replaced by real CSS layout specs
that live in the browser.
we want to help make that a smooth transition.
Susy Next alpha 5 is out, and loaded with changes.
We now require Sass 3.3,
we no longer require Compass,
and there have been major syntax improvements.
We’re getting real close to launch,
and we’d love to know what you think.
Play around, and let us know!
A few new features have landed in Susy 1.0.7,
even as we work on more integrated syntaxes for 2.0.
The isolate() and isolate-grid() mixins
help you manage the worst effects of
while bleed() helps you break items out of the box.
Last night we released
the very first alpha build of Susy Next.
This release is extremely sparse.
What we have built is a background ‘engine’
for calculating grid math.
There are some rough first steps towards api and syntax,
but they are more “proof of concept” experimentation
than usable interface.
The web is littered with grid systems and ‘frameworks’
that force your code & design into narrowly defined patterns.
Even the most semantic of us
have had to push specialized techniques
in order to create a usable syntax.
But Sass has come a long way, and
I’m convinced that it’s time for something new.
What if you had a layout system
that bends completely to the needs of your site?
What if you could use one unified syntax
for handling responsive layouts of any kind?
What if you had a modular system
that let you mix-and-match to customize for every site,
and change your output with simple extensions?
The off-canvas layout pattern
for responsive web design
has been getting all the attention lately,
and I’ve had several people ask
how Susy One might play along.
I’ll show you how easy it is,
and how much flexibility Susy can add
along the way.