week 07 - day 03 - SASS and SCSS -

[hayesch19]

Get SASSy

Today you explorer the wonders of SASS and SCSS. Now, with that new knowledge, I want you head back to an old project and update the CSS to use some of the cool SASS features you learned about today.

Objectives

• Practice using SASS and SCSS

Requirements

Starting from any past assignment with non-trivial styling, update the CSS to SASS (or SCSS, your preference).

Remember the addition of node-sass to the project's dependencies.

Explorer Mode

• [x] Use Sass (or SCSS) for your CSS, explore and use the following features:
  • [x] Variables
  • [ ] Nesting
  • [x] Functions

Adventure Mode

• [ ] Use these Sass features:
  • [ ] Mixins
  • [x] Inheritance
  • [ ] Break your styles into multiple files using @import

Additional Resources

• https://sass-lang.com/guide

[hayesch19]

https://github.com/hayesch19/mlb-api