Speeding up Workflow

Question 1

Open a scope for (a) tags and make their color 5% lighter than the standard red.

Set a variable named $complement to be the complement of the standard red.

Set the background of the (a) tag to be a 10% desaturated version of the variable, using thedesaturate function. (HINT: desaturate works a lot like the lighten function - taking a color, then a percentage!)

Answer 1

$complement: complement(red);

a {
background: desaturate($complement, 10%);
color: lighten(red, 5%);
}

Question 2

The following is the correct syntax for a partial file name:

Answer 2

_mixins.scss

Question 3

Splitting up your stylesheet into multiple files is a good idea because:

Answer 3

It helps you find code in your project by having styles in segmented areas

Question 4

To use the styles from another file in your stylesheet, use:

Answer 4

@import

Question 5

Vendor prefix mixins, like those found in Bourbon, are useful because:

Answer 5

They add in browser-prefixes for CSS features that have different browser implementations

Question 6

Compass is a library that provides:

Answer 6

Many features, including spriting, project layout and mixins

Question 7

Write a function, called double, that multiplies its input by 2.

Use the double function you just wrote to refactor this code: div { font-size: 5px * 2; }

Answer 7

@function double($input) {
@return $input * 2;
}

div {
font-size: double(5px);
}