Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Modular CSS with Sass!
You have completed Modular CSS with Sass!
Preview
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 upRelated 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 upYou need to sign up for Treehouse in order to set up Workspace
Sign up