O'Reilly logo

Mastering Sass by Luke Watts

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 9. Building a Content-Rich Website – Layout

In this chapter, we will focus on creating our layout. This means positioning our elements, setting up a grid system, and deciding what sections and components should go where. We won't be worrying about choosing fonts, or setting font sizes, colors, or other aesthetic styling at this stage. Here, it's all about the structure.

We'll be using the Susy Sass library throughout this chapter. We'll install it through Bower and import it into our project. Once that is done, we'll examine some of the basic features of Susy. I'll explain how to use the container and span mixins to create a basic layout before moving on to creating a complete grid system.

The grid system we will generate using Susy and ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required