What are some examples of using variables in Sass?

What are some examples of using variables in Sass?

Sass variables allow you to store values like colors, fonts, or any CSS value. For example, you can define a color variable like this: $primary-color: #3498db;.

Can you show me how to use that variable in a style?

Sure! You can use the variable in your styles like this:

.button {
  background-color: $primary-color;
}

What if I want to change the color later?

If you want to change the color later, just update the variable value. For example, change it to $primary-color: #e74c3c; and all styles using that variable will update automatically.

Are there any other types of variables I can use?

Yes! You can also use variables for font sizes, spacing, and even complex values like mixins. For example, $font-size: 16px;.