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

Including Susy in a project


Back in Chapter 2, Setting up a Sass and Compass project, we looked at how the config.rb file allows us to specify any required plugins. We need to ensure that our project ‘knows’ that we require Susy. Open the config.rb file and enter the following line at the top (if it is not there already):

require “susy”

Tip

You can also create a blank project with Susy using the following command (where project-name is the name of the project you wish to create):

compass create project-name -r susy -u susy

This will create a Compass-based project including files such as a _base.scss partial that already contains the required variables and imports them to get started with a Susy layout.

Now our project knows we need Susy, we need to actually include it in our project.

Susy project variables

Susy uses a number of variables to define the settings of a grid. When creating a Susy project from scratch (see the previous tip), Susy places these variables in the _base.scss file. However...