O'Reilly logo

Responsive Web Design by Example : Beginner's Guide - Second Edition by Thoriq Firdaus

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

Time for action – integrating project directory into Koala and combining the style sheets

In this section, we will integrate the configured Koala to compile and output the style sheets, by performing the following steps:

  1. Create a new style sheet in the css folder named main.css. This is the prime style sheet, where we will compose our own style rules for the blog.
  2. Create a new style sheet named style.css.
  3. Download normalize.css (http://necolas.github.io/normalize.css/), and put it in the css folder of the project directory.
  4. Download formalize.css (http://formalize.me/), and also put it in the css folder of the project directory.
  5. Open style.css in Sublime Text.
  6. Import the supporting style sheets using the @import rule in the following order, as follows: ...

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