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 Sass Basics!
You have completed Sass Basics!
Preview
By giving variables meaningful names, you'll avoid introducing unnecessary complexity into your stylesheets.
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
For example, the name font-stack-primary
clearly communicates that it
0:00
holds the value of your
site's primary font stack and
0:00
color-primary represents
the main color of the site.
0:03
By giving variables meaningful
names you'll avoid introducing
0:06
unnecessary complexity
in your style sheets.
0:10
For instance, say you named this
variable teal instead of color-primary.
0:12
Well, teal doesn't reflect
the purpose of this color.
0:17
What if the branding needs to change,
and that teal needs to be dark blue?
0:21
Well, you could change the value of the
teal variable to a dark blue color value,
0:24
but that will be pretty confusing.
0:29
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