O'Reilly logo

Mastering PostCSS for Web Design by Alex Libby

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

Creating an example with Bourbon Neat

Constructing a site using Bourbon Neat is a simple process, it does not require any special markup on our web page; the effort is all within the compiled style sheet.

To prove this, we'll construct a simple web page that could easily be part of any website—I've used a Japanese theme as the basis for my page, but the principles we will use can apply to any site. You'll see that (with the exception of the standard SASS style of code used) there are only three instances where we have used Bourbon Neat-specific code.

Let's make a start:

  1. From the code download that accompanies this book, go ahead and extract a copy of Tutorial30, and save it to the root of our project area.
  2. Copy the contents of the sample site – pre-compile ...

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