Book Image

Sass and Compass for Designers

By : Ben Frain
Book Image

Sass and Compass for Designers

By: Ben Frain

Overview of this book

Table of Contents (17 chapters)
Sass and Compass for Designers
Credits
Foreword
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Creating a static ‘fixed’ grid


Susy is of most help when creating elastic grids( ) (that flex to a point and then become fixed) and fluid grids (that fluidly fill the entire size of the viewport).

However, there may be instances when you are handed a graphics composite with the remit of creating a fixed version of the grid system in use (http://960.gs, for example).

If you need a static grid system, you can do this easily with Susy; just add a single variable (be aware that you will need to edit, remove, or comment out any existing $container-style variable):

$container-style: static;

If you use that and resize the viewport (make the browser window smaller), you will see that the grid remains entirely static until it hits a relevant breakpoint.