SASS

Question 1

Sass stands for

Answer 1

Syntactically Awesome Stylesheets

Question 2

Sass to CSS is

Answer 2

preprocessor, it takes code written in Sass syntax and converts to basic CSS

Question 3

What are some features of Sass?

Answer 3

create variables, nest CSS rules into others, import other Sass files

creates more compact, easier to read code

Question 4

in Sass, variables start with

Answer 4

$ followed by the variable name

Question 5

a mixin in Sass is

Answer 5

a group of CSS declarations that can be reused throughout the stylesheet

• Example, display flex, justify content
• Or box shadow

Question 6

How do you call a mixin?

Answer 6

@include directive

Question 7

To bring the code in the partial into another Sass file,

Answer 7

use the @import directive.

if all your mixins are saved in a partial named “_mixins.scss”, and they are needed in the “main.scss” file, this is how to use them in the main file:

// In the main.scss file

@import ‘mixins’

Question 8

How to borrow CSS rules from one element into another

Answer 8

.new-class {
@extend .class; // note! no colon
// new rules
}