Introduction to Scss Variables

Feature thumb scss course thumb

Using variables in Scss allow you to create re-usable style rules throughout your application. It's common to create an entire file dedicated to variables, such as:

Fonts Font colors Shared sitewide columns Responsive view rules And essentially any value that you want to call from other style files

When implemented properly, this allows you to perform tasks, such as being able to change a color in one location and have the value populated throughout the site.

Here is a demo where I use variables to manage the background color and font color for a page.

See the Pen Scss Course by Jordan Hudgens (@jordanhudgens) on CodePen.