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 Using CSS Variables!
You have completed Using CSS Variables!
Preview
Now that you've learned how and where custom properties and var() work, you should know where they do not work, and best practices for using them.
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
[SOUND] Now that you've seen how and
0:00
where custom properties
in the var function work,
0:01
you should know where they do not work and
a few best practices for using them.
0:04
[SOUND] First,
var is invalid if used in a selector.
0:07
This will not work.
0:12
[SOUND] var is also not
valid as a property name,
0:13
you can only use var in CSS values.
0:18
You also can't use var in a media
query expression like this.
0:22
[SOUND] Finally, you can't use the var
function to create a length value.
0:28
This is an invalid value.
0:32
[SOUND] Again, be sure to use calc to
build your length values using var
0:35
as you learned in an earlier video.
0:39
Finally, variable names
are case sensitive.
0:42
So for example, each of these three
variables represent a different variable.
0:46
As you'll learned in this workshop, CSS
variables are a useful and fun feature.
0:50
So i suggest that you experiment with them
and begin using them in your projects.
0:56
Thanks everyone, and happy coding.
1:00
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