This page is a work in progress.You can help improve it. →

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.

Setup

degit $GITHUB_USER/react-project-template Sassy

Explorer Mode

  • Use Sass (or SCSS) for your CSS, explore and use the following features:

Adventure Mode

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

Additional Resources

© 2017 - 2021; Built with ♥ in St. Petersburg, Florida.