Now that we have imported the theme.scss file, we need to actually create that file. So, let's create a _theme.scss file in the scss folder. Open this file, and if you are using Codio, you should see the following:
/*
Document : Chapter-9/scss/_theme.scss
Created on : 2014-05-12 04:22 AM
Author : kevinhorek
Description:
Purpose of the stylesheet follows.
To change this template use Tools | Templates.
*/
root {
display: block;
}Let's delete everything in this file. It is good to have these comments, but to make sure that you can follow along with Codio or your own editor, we are deleting them.
Now, let's switch back to the terminal and type grunt. This will make sure that our Sass is getting compiled and that we will see our changes. Now that we have Sass running, let's talk about how to design in a browser.
Let's open the index.html file, delete lines 17 to 157, and add the following code on or around line 17:
<div class="row"...