Preparing your variables

Another huge advantage of sass is that we can create variables for…commonly used CSS elements.…Now it lets us have a central place where we can control the look and…feel of our projects.…They're pretty easy to do.…So let's go ahead and set ours for this project.…So I'm going to go into components, sass, and open up the variables_scss file.…Of course, right now it's empty.…And the first thing I want to do is bring in some fonts from Google Web Fonts.…So to do that, I'm going to go to this URL,…which is google.com/fonts and I'm going to find a font.…

The one I'll use for this project is called exo.…So I'm going to type that in.…And what I want to do is add actually this Exo 2.…It's pretty cool.…I'm going to click on add to collection.…And it has a lot of weights, which is what I like about it.…So I'm going to click here on use.…You can see that there's a ton of weights.…And what you want to do is make sure that you pick as few weights as possible,…just the ones you need for your projects because it does affect the page load time.…