Getting Started

Question 1

Sass is a compiler, which means that it:

Answer 1

turns an input into an output

Question 2

What is the output for Sass?

Answer 2

CSS

Question 3

You need an output for Sass because:

Answer 3

browsers don’t understand Sass, but can understand CSS

Question 4

Using what flag automatically refreshes your CSS output files?

Answer 4

Watch

Question 5

The command we use to install Sass is:

Answer 5

gem install sass

Question 6

Is Scout an app that helps you avoid the command line?

Answer 6

Yes

Question 7

What computer programming language was Sass originally written in?

Answer 7

Ruby

Question 8

Libsass is a variant of Sass that:

Answer 8

can be ported to other programming languages

Question 9

Add some nested Sass that makes all tags within

tags red.

Answer 9

p {
color: blue;
a {
color: red;
}
}

Question 10

Use a nested selector to say all tags within

tags are red.

Add another nested selector which makes all tags that are direct children of

tags blue.

We want to add a style to our previous Sass code declaring that on hover, all direct children have an opacity of 0.5. Use the ampersand selector to achieve this, rather than repeating the > adirect child selector.

We want to add an exception for  tags that are in the 
 with a class of .footer: those links should be purple. Use the post-selector ampersand to achieve this.

Answer 10

p {
a {
color: red;
div.footer & {
color: purple;
}
}

> a {
color: blue;
&:hover {
opacity: 0.5;
}
}
}