Compiling Sass

Question 1

How do you compile scss code into css so that the computer can understand it and the code can be excuted?

Answer 1

In the terminal, you type sass filename scss filename css.
For example: sass main.scss main.css
scss

Question 2

How would you nest a class inside of another class in a scss file, in order to save time typing the same property attributes for another class?

Answer 2

.parent {
color: #FFF;
.child {
font-size: 12px;
}
}

Question 3

How would you nest a property inside of another property in scss, to save time lets say writing out the border top and bottom?

Answer 3

.container {
border : {
top: 4px solid orange;
bottom: 4px solid orange;
}
}

Question 4

How do you create a variable in a scss file? Explain why they are useful.

Answer 4

$translucent-white:
rgba(255,255,255,0.3);

.slogan {
background-color: $translucent-white;
}

Variables can be very useful, because say you have multiple classes where the font color all has to be the same, and you want to change it. Assigning those cl