"CSS Basics (2014)" was retired on July 12, 2021. You are now viewing the recommended replacement.

Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Modular CSS with Sass

Well done!

You have completed Modular CSS with Sass!

Sign up for Treehouse Back to Library

Nested Sass Maps

7:20 with Guil Hernandez

In this video, we'll use nested Sass maps to create a range of tones and shades for some of our base colors.

This video doesn't have any notes.

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    shades, for our colours. 0:00
    Particularly our base colors. 0:01
    So say we need different shades of our base, grey colour here. 0:02
    So we might use various shades of grey for 0:07
    the text, form fields, maybe links and borders. 0:08
    So instead of declaring separate variables for each shade of our base grey, 0:12
    we are using a bunch of random SASS colour functions out in the wild in our 0:17
    style sheets to lighten or darken the base colour. 0:21
    It can contain every shade, inside a SASS map. 0:25
    Well, let's create, a new nested map, right below the colour usage variables, 0:28

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up